CSS :lang 伪类

实例

:lang 伪类允许您为不同的语言定义特殊的规则。在下面的例子中,:lang 类为带有值为 "no" 的 lang 属性的 q 元素定义引号的类型:

<html>
<head>
<style type="text/css">
q:lang(no)
  {
  quotes: "~" "~"
  }
</style>
</head>

<body>
<p>Some text <q lang="no">A quote in a paragraph</q> Some text.</p>
</body>

</html>

亲自试一试

浏览器支持

所有主流浏览器都支持 :lang 伪类。

注释:如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 :lang 伪类。

定义和用法

:lang 伪类向带有指定 lang 属性的元素添加样式。

说明

:lang 伪类根据元素的语言编码匹配元素。这种语言信息必须包含在文档中,或者与文档关联,不能从 CSS 指定。:lang 的处理与 |= 选择器相同。

TIY 实例

:lang
本例演示 :lang 伪类的用法。

相关页面

CSS 教程:CSS 伪类

VUE 进阶教程