:lang Pseudo Class trong CSS

:lang Pseudo Class trong CSS được sử dụng để xác định một ngôn ngữ cho một phần tử nào đó.

Class này là thực sự hữu ích với những tài liệu được trình bày bởi nhiều ngôn ngữ và có các qui ước khác nhau. Ví dụ, tiếng Pháp sử dụng cặp dấu ngoặc nhọn (< và >) cho mục đích trích dẫn, trong khi tiếng Anh sử dụng các dấu trích dẫn (' và ').

Khi định nghĩa các Pseudo Class trong <style>...</style>, bạn cần chú ý các điểm sau:

Các tên được sử dụng cho Pseudo Class là không phân biệt kiểu chữ.
Pseudo Class là khác với các Class khác trong CSS, tuy nhiên chúng có thể kết hợp với nhau.

Ví dụ :lang Pseudo Class trong CSS

Khi bạn cần chỉ rõ sự khác nhau này trong một tài liệu, thì bạn có thể sử dụng :lang Pseudo Class để thay đổi các dấu trích dẫn một cách hợp lý. Phần ví dụ dưới đây thay đổi thẻ <blockquote> một cách thích hợp cho từng ngôn ngữ được sử dụng:

<html>
   <head>
      <style type="text/css">
         /* Hai cach trich dan khac nhau cho tung loai ngon ngu */
         :lang(en) { quotes: '"' '"'  "'"  "'"; }
         :lang(fr) { quotes: "<<" ">>" "<" ">"; }
      </style>
   </head>
   <body>
      <p>...<q lang="fr">Vi du mot doan van duoc trich dan</q>...</p>
   </body>
</html>

:lang Selector này sẽ áp dụng cho tất cả phần tử trong tài liệu. Tuy nhiên, không phải tất cả phần tử đều sử dụng thuộc tính quotes, do đó hiệu ứng của thuộc tính này sẽ là vô hiệu cho hầu hết các phần tử.

Quảng cáo

Kết quả là:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học CSS phổ biến khác tại vietjack.com: