CSS3 知识量：11 - 43 - 138
语言伪类选择器用于在多语言版本的网站中，根据不同语言来设置页面的CSS样式。
语言伪类选择器根据元素的语言编码来匹配元素。设置文档的语言时，有两种方法：
在HTML5中，可以在html标签中直接设置：
<!DOCTYPE html> <html lang="en-US">
另一种方法是，在body标签中设置:
<body lang="fr">
语言伪类选择器的语言如下所示：
E:lang(language)
其中，E表示匹配的元素；lang(language)表示对应的具体语言。
下面是语言伪类选择器的一个应用示例。对于英文版页面，设置背景为橙色；对于法语版页面，设置背景为蓝色。
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>语言伪类选择器</title>
<meta charset="UTF-8">
<style type="text/css">
:lang(en){
background-color: #F7A35C; /*橙色*/
}
:lang(fr){
background-color: #097dff; /*蓝色*/
}
</style>
</head>
<body>
<h2>This is the English version</h2>
</body>
</html>以上为文档语言设置为英语，运行效果如下：
当文档语言设置为法语时，代码如下：
<!DOCTYPE html>
<html lang="fr">
<head>
<title>语言伪类选择器</title>
<meta charset="UTF-8">
<style type="text/css">
:lang(en){
background-color: #F7A35C; /*橙色*/
}
:lang(fr){
background-color: #097dff; /*蓝色*/
}
</style>
</head>
<body>
<h2>C'est la version française du contenu</h2>
</body>
</html>运行效果如下：
Copyright © 2017-Now pnotes.cn. All Rights Reserved.
编程学习笔记 保留所有权利
MARK:3.0.0.20240214.P35
From 2017.2.6