您好,登錄后才能下訂單哦!
這篇文章主要介紹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的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。