溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

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

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

發(fā)布時間:2022-03-02 11:14:47 來源:億速云 閱讀:340 作者:小新 欄目:web開發(fā)

這篇文章主要介紹了css怎么用特定屬性選擇器lang,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

    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)記中的前三個元素將被選中,而不會選擇后兩個元素:

    <plang="en">段落en</p>

    <plang="en-us">段落en-us</p>

    <plang="en-au">段落en-au</p>

    <plang="fr">段落fr</p>

    <plang="cy-en">段落xy-en</p>

    lang完整例子

    <!DOCTYPEHTML>

    <html>

    <head>

    <metacharset="UTF-8">

    <styletype="text/css">

    :lang(en){

    color:blue;

    display:block;

    text-decoration:none;

    }

    </style>

    </head>

    <body>

    phpstudy

    HTML

    511遇見

    </body>

    </html>



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

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“css怎么用特定屬性選擇器lang”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

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

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

AI