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中文網其他相關文章!