溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css怎么使用特定屬性選擇器lang

發(fā)布時(shí)間：2020-09-14 14:19:02 來(lái)源：億速云 閱讀：238 作者：小新 欄目：web開(kāi)發(fā)

這篇文章主要介紹css怎么使用特定屬性選擇器lang，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

css :lang選擇器定義用法介紹

lang 向帶有指定 lang 屬性開(kāi)始的元素添加樣式。

注意: 值是整個(gè)單詞，單獨(dú)像lang="en"，或者使用連字符(-)如lang ="en-us"。

語(yǔ)法：

: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- 開(kāi)頭的所有元素。因此，以下示例標(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遇見(jiàn)</a> 

    </body> 
</html>

效果圖：

css怎么使用特定屬性選擇器lang

以上是css怎么使用特定屬性選擇器lang的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手