CSS :lang伪类

描述

伪类 :lang 用于指定在指定元素中使用的语言。

在需要吸引多种不同语言的文档中，这个类很有用，因为不同语言对于某些语言结构有不同的约定。例如，法语通常使用尖括号（< 和 >）进行引用，而英语使用引号（’ 和 ‘）。

在块中定义伪类时，应注意以下几点−

伪类名称不区分大小写。
伪类与CSS类不同，但可以组合使用。

示例

在需要处理这种差异的文档中，可以使用伪类 :lang 来相应地更改引号。以下代码根据使用的语言适当更改<blockquote>标记−

<html>
   <head>
      <style type = "text/css">
         /* Two levels of quotes for two languages*/
         :lang(en) { quotes: '"' '"'  "'"  "'"; }
         :lang(fr) { quotes: "<<" ">>" "<" ">"; }
      </style>
   </head>

   <body>
      <p>...<q lang = "fr">A quote in a paragraph</q>...</p>
   </body>
</html>

该:lang选择器适用于文档中的所有元素。然而，并不是所有元素都使用quotes属性，因此对大多数元素来说，效果将是透明的。