CSS 语言伪类选择器

语言伪类选择器，用来匹配使用指定语言的元素。对使用多语言版本的网站，可以根据不同语言版本，设置不同的样式。

表 2-9 语言伪类选择器

选择器	功能描述	版本
E:lang(language)	选择使用指定语言，即lang属性等于language的E元素	2

在HTML 中，可以通过元素的 lang属性，来定义该元素所使用的语言。如： 

1. lang = "en">
2. lang = "zh-cn">

而语言伪类选择器，就是根据元素的 lang属性，来匹配使用指定语言的元素。可以根据不同语言版本，设置不同的字体风格、定义不同的引号标记等。

如，有一个英文的段落和一个中文的段落，希望英文使用Arial字体、中文使用宋体，英文使用半角引号、中文使用全角引号。HTML代码如下：

1. lang="en">Quote in English

2. lang="zh-cn">中文的引号

这个就可以通过语言伪类选择器，为英文段落和中文段落定义不同的字体和不同的引号样式来实现。CSS代码如下：

1. :lang(en){
2. font-family: Arial;
3. quotes: '"' '"';
4. }
5. :lang(zh-cn){
6. font-family: 宋体;
7. quotes: "“" "”";
8. }

运行结果如图 2‑22 所示：

图2-22 语言伪类选择器

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。