Bộ :lang()chọn lớp giả trong CSS khớp các phần tử dựa trên ngữ cảnh của thuộc tính ngôn ngữ nhất định của chúng. Ngôn ngữ trong HTML, được xác định bởi sự kết hợp của lang=""thuộc tính, phần tử và thông tin từ giao thức, chẳng hạn như trường HTTP Accept-Languagerequest-header 1 . Các chuỗi mã ngôn ngữ được chấp nhận được chỉ định trong đặc tả HTML 4.0.
:lang(language-code) ( // whatever styling ):lang(X)so khớp nếu phần tử ở ngôn ngữ X. Cho dù so khớp chỉ dựa trên giá trị nhận dạng X bằng hoặc bằng một chuỗi con được phân tách bằng dấu gạch ngang của giá trị ngôn ngữ của phần tử, theo cách giống như được thực hiện bởi "| =" nhà điều hành. Việc so khớp X với giá trị ngôn ngữ của phần tử được thực hiện phân biệt chữ hoa chữ thường đối với các ký tự trong phạm vi ASCII. Số nhận dạng X không nhất thiết phải là tên ngôn ngữ hợp lệ. Điều quan trọng cần lưu ý là :langbộ chọn có thể được sử dụng toàn cục hoặc cụ thể trên bất kỳ phần tử nhất định nào. Hãy thoải mái sử dụng bộ chọn con cháu hoặc :lang(language-code)lớp giả một mình.
Thí dụ
Sử dụng langthuộc tính trên phần tử gốc của chúng tôi (tức là ), chúng tôi có thể thay thế các dấu ngoặc kép tùy thuộc vào ngôn ngữ được chỉ định.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
q:before ( content: open-quote; ) q:after ( content: close-quote; ) :lang(en) q ( quotes: '“' '”'; ) :lang(fr) q ( quotes: '«' '»'; ) :lang(de) q ( quotes: '»' '«'; )Tiếng Anh (en)
Môi trường sống của cây Pastyesque morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tra tấn quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Tiếng Pháp (fr)
Môi trường sống của cây Pastyesque morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tra tấn quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Tiếng Đức (de)
Môi trường sống của cây Pastyesque morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tra tấn quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Không thể áp dụng thuộc tính ngôn ngữ cho các phần tử sau:
- applet
- căn cứ
- basefont
- br
- khung
- bộ khung
- iframe
- param
- kịch bản
Hỗ trợ trình duyệt
| Trình duyệt Chrome | Safari | Firefox | Opera | I E | Android | iOS |
|---|---|---|---|---|---|---|
| Vâng | Vâng | Vâng | Vâng | Vâng | Vâng | Vâng |
:lang(X) là đề xuất của thông số CSS Cấp độ 2 Bản sửa đổi 1 và được đề xuất ban đầu như một phần của thông số CSS Cấp độ 2.
1 Các trường tiêu đề HTTP là các thành phần của tiêu đề thư của các yêu cầu và phản hồi trong Giao thức truyền siêu văn bản (HTTP). Chúng xác định các tham số hoạt động của một giao dịch HTTP. Trường Accept-Languagetiêu đề yêu cầu tương tự như Chấp nhận, nhưng hạn chế tập hợp các ngôn ngữ tự nhiên được ưu tiên làm phản hồi cho yêu cầu.