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 例子</h2>
   <div lang="en">
   <q>Failure is the mother of success.</q>
   </div>
   <div lang="zh">
   <q>失败是成功之母</q>
   </div>
</body>
</html>