Sử dụng pseudo-class :lang trong CSS

Sử dụng pseudo-class :lang để chỉ định ngôn ngữ cho một phần tử cụ thể. Lớp này hữu ích trong các tài liệu cần phục vụ nhiều ngôn ngữ có quy ước khác nhau cho một số cấu trúc ngôn ngữ.

Ví dụ

Thử chạy mã sau để hiểu cách dùng pseudo-class :lang:

<html>
<head>
  <style>
    /* Hai cấp độ dấu ngoặc cho hai ngôn ngữ */
    :lang(en) { quotes: '"' '"' "'" "'"; }
    :lang(fr) { quotes: "«" "»" "‹" "›"; }
  </style>
</head>
<body>
  <p>...<q lang="fr">Một trích dẫn trong đoạn văn</q>...</p>
</body>
</html>