這篇文章主要介紹css怎么使用特定屬性選擇器lang,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)尼開遠免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了超過千家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
css :lang選擇器定義用法介紹
lang 向帶有指定 lang 屬性開始的元素添加樣式。
注意: 值是整個單詞,單獨像lang="en",或者使用連字符(-)如lang ="en-us"。
語法:
:lang { style:屬性; }
lang使用舉例:
每個元素lang屬性值等于"abstract"背景顏色設(shè)置為red.
p:lang(abstract){ background:red; }
請再看下面的例子:
*[lang|="en"] {color: red;}
上面這個規(guī)則會選擇 lang 屬性等于 en 或以 en- 開頭的所有元素。因此,以下示例標(biāo)記中的前三個元素將被選中,而不會選擇后兩個元素:
<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的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
新聞標(biāo)題:css怎么使用特定屬性選擇器lang
標(biāo)題路徑:http://jinyejixie.com/article0/pgieoo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、網(wǎng)站收錄、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站制作、小程序開發(fā)、網(wǎng)站設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)