Rumah > Artikel > hujung hadapan web > css如何使用特定属性选择器lang？使用介绍（详解）
css如何使用特定属性选择器lang？使用介绍（详解）
- 青灯夜游asal
- 2018-09-17 16:40:153083semak imbas
CSS 2 引入了属性选择器，属性选择器可以根据元素的属性及属性值来选择元素。本章就给大家介绍css特定属性选择器lang的使用方法（详解）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
css :lang选择器定义用法介绍
lang 向带有指定 lang 属性开始的元素添加样式。
注意: 值是整个单词，单独像lang="en"，或者使用连字符(-)如lang ="en-us"。
语法：
:lang {
style:属性；
}lang使用举例：
每个元素lang属性值等于"abstract"背景颜色设置为red.
p:lang(abstract){
background:red;
}请再看下面的例子：
*[lang|="en"] {color: red;}上面这个规则会选择 lang 属性等于 en 或以 en- 开头的所有元素。因此，以下示例标记中的前三个元素将被选中，而不会选择后两个元素：
<p lang="en">段落en</p> <p lang="en-us">段落en-us</p> <p lang="en-au">段落en-au</p> <p lang="fr">段落fr</p> <p lang="cy-en">段落xy-en</p>
lang完整例子
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
:lang(en) {
color:blue;
display: block;
text-decoration: none;
}
</style>
</head>
<body>
<a href="#"> phpstudy </a>
<a>HTML</a>
<a href="#"> 511遇见</a>
</body>
</html>效果图：
Atas ialah kandungan terperinci css如何使用特定属性选择器lang？使用介绍（详解）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css中clip属性是什么？clip:rect（）制作圆形进度条动画（代码实例）Artikel seterusnya：css不透明度opacity属性详解