CSS :lang选择器用法示例 _CSS选择器

:lang选择器用于将基于语言属性的元素作为特定值的目标。该选择器在语言代码的帮助下工作。
语法如下：

:lang(lang-code) { //property }

语言代码：

en：对于英语。
hi：对于印地语。
fr：对于法语。
de：对于德语
it：对于意大利语
ca：对于加拿大

示例1：

< !DOCTYPE html> < html > < head > < style > h3:lang(en) { background: limegreen; } < / style > < / head > < body > < h3 lang = "en" > "en" is lang-code for english.< / h3 > < / body > < / html >

输出如下：

文章图片
示例2：语言代码适用于根元素。

< !DOCTYPE html> < html > < head > < style > h3:lang(en) { background: limegreen; } < / style > < / head > < body lang = "en" > < h3 > "en" is lang-code for English.< / h3 > < h3 > "fr" is lang-code for French.< h3 > < h3 > "de" is lang-code for German.< h3 > < / body > < / html >

输出如下：