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