:lang

优质

小牛编辑

129浏览

2023-12-01

描述 (Description)

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

此类在必须吸引多种语言的文档中非常有用，这些语言对于某些语言结构具有不同的约定。例如，法语通常使用尖括号（）进行引用，而英语则使用引号（'和'）。

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

伪类名称不区分大小写。
伪类与CSS类不同，但它们可以组合在一起。

例子 (Example)

在需要解决此差异的文档中，您可以使用:lang伪类来适当地更改引号。以下代码针对所使用的语言适当更改

标记 -

<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属性，因此对大多数元素的效果都是透明的。