CSS - 伪类 :lang（）

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

可能的值

<语言代码>

一个或多个<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>

打印本页