在CSS中，:lang(language) 伪类用于选择使用指定语言的元素。
以下是如何在CSS中使用 :lang(language) 伪类：
- 首先，在要选择的元素上添加 lang 属性，并将其设置为要匹配的语言。例如：<p lang=”en”>This is a paragraph in English.</p>
- 然后，在选择器中使用 :lang(language) 伪类，并将其与标记选择器结合使用。例如：p:lang(en) { }
- 在伪类内部，可以设置元素的样式，如颜色、字体、背景等。
以下是一个示例HTML5页面，其中使用了 :lang(language) 伪类：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>:lang(language) 伪类示例</title>
<style>
/* 设置英语段落的颜色为蓝色 */
p:lang(en) {
color: blue;
}
/* 设置中文段落的颜色为红色 */
p:lang(zh) {
color: red;
}
</style>
</head>
<body>
<h1>使用 :lang 伪类</h1>
<p lang="en">This is a paragraph in English.</p>
<p lang="zh">这是一段中文段落。</p>
</body>
</html>在这个示例中，我们在两个 <p> 元素上分别添加了 lang 属性，分别指定了英语和中文语言。然后，我们使用 :lang 伪类分别设置这两个元素的颜色为蓝色和红色。<meta> 标记用于设置页面字符集为 UTF-8。
正文完