css如何使用特定屬性選擇器lang？使用介紹（詳解）
- 青灯夜游原創
- 2018-09-17 16:40:153107瀏覽
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> 效果圖：
以上是css如何使用特定屬性選擇器lang？使用介紹（詳解）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn