:lang() 伪类根据元素所使用的语言匹配元素。
HTML 中确定的任何语言都使用 lang 属性（例如 <html lang="it">）、<meta> 标记和来自协议的信息（例如 HTTP 标头）的组合。
lang 属性值是两个字母的语言代码，如 lang="it" 代表意大利语，或者两个语言代码的组合，如 lang="fr-ca" 代表加拿大法语。
使用 :lang() 选择器，引号的类型可用于页面中的引号。
语法
:lang() {
css declarations;
}
带有法语值“fr”的 lang() 选择器示例：
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
p:lang(fr) {
background: #1c87c9;
color: #eee;
}
</style>
</head>
<body>
<p>把痛苦停在昨天 把微笑留给明天。</p>
<p lang="fr">Je m'appelle Ann</p>
</body>
</html>
在以下示例中， :lang() 伪类用于使用子组合器匹配引用元素的父元素。
:lang() 选择器使用子组合器的示例。
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
:lang(en) > q {
quotes: '1C' '1D' '15' '19';
}
:lang(fr) > q {
quotes: '« ' ' »';
}
</style>
</head>
<body>
<h2>:lang() selector example</h2>
<div lang="en">
<q>把痛苦停在昨天 把微笑留给明天。</q>
</div>
<div lang="fr">
<q>把痛苦停在昨天 把微笑留给明天。</q>
</div>
</body>
</html>
日期：2020-06-02 22:14:36 来源：oir作者：oir