:lang选择器用于将基于语言属性的元素作为特定值的目标。该选择器在语言代码的帮助下工作。
语法如下:
:lang(lang-code) {
//property
}
语言代码:
- en:对于英语。
- hi:对于印地语。
- fr:对于法语。
- de:对于德语
- it:对于意大利语
- ca:对于加拿大
<
!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 >
输出如下:
文章图片
【CSS :lang选择器用法示例】支持的浏览器:
- 谷歌浏览器4.0
- 边缘8.0
- Firefox 2.0
- Safari 3.1
- 歌剧9.6
推荐阅读
- Python |包含所有替代元素的列表用法详解
- AngularJS json过滤器用法详细示例
- 计算最大流(Push Relabel算法|S2(算法代码实现))
- 计算最大流(Push Relabel算法|S1(简介和插图))
- AngularJS 表格table用法代码示例
- 算法设计(找到所有零和的三元组)
- 如何使用jQuery更改占位符文本()
- 细说如何运用u盘安装win10
- 教你怎样查看u盘读写速度是多少