CSS - 伪类 :lang()

CSS 伪类:lang()根据作为参数传递给函数的语言匹配元素。

可能的值

<language-code>

一个或多个用逗号分隔的<string>列表，用于定位具有语言值的元素。
该值应符合BCP47语言代码。
匹配的语言范围区分大小写。

允许隐式通配符匹配，例如:lang(de-DE)将匹配de-DE, de-DE-1996, de-Latn-DE, de-Latf-DE和de-Latn-DE-1996。

显式使用通配符需要包含语言子标签的完全匹配。

语法

:lang(<language-code> [, ]*) {
   /* ... */
}

CSS :lang() 示例

这是一个:lang()伪类的示例

<html>
<head>
<style>
   :lang(en) > q {
      quotes: '""';
   }
   :lang(fr) > q {
      quotes: '« ' ' »';
      color: white;
      background-color: steelblue;
   }
   div {
      padding: 10px;
   }
</style>
</head>
<body>
   <h2>:lang() selector example</h2>
   <div lang="en">
   <q>Lorem ipsum is simply dummy text</q>
   </div>
   <div lang="fr">
   <q>Lorem ipsum is simply dummy text</q>
   </div>
</body>
</html>

打印页面