您好,登錄后才能下訂單哦!
這篇文章主要介紹常用的CSS選擇器的優(yōu)先級(jí)是怎樣的,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
遇到這種問(wèn)題,就按照平時(shí)寫的答,從全局、局部(標(biāo)簽、標(biāo)簽屬性、偽元素、偽類等)入手。
這樣記?。好恳粋€(gè)標(biāo)簽都有默認(rèn)的樣式以及繼承的樣式。寫一個(gè)標(biāo)簽,嘗試如何給它設(shè)置樣式,你用過(guò),總能夠想出來(lái)好幾個(gè):
id (#box):唯一的
class(.box):選擇所有class屬性的屬性值為 box的元素
標(biāo)簽 (div,p):選擇所有的div和p元素
所有指定的后代(div p):選擇div元素內(nèi)的所有的p元素
相鄰(div+p): 選擇所有緊接在div元素后的p元素
兄弟(div~p): 選擇所有跟div同級(jí)的p元素
通配符 * :選擇所有的元素
屬性選擇(a[target=_blank]):選擇所有a標(biāo)簽的target屬性為_(kāi)blank的a標(biāo)簽
偽元素選擇器(::before、::after):創(chuàng)建DOM樹(shù)結(jié)構(gòu)中不存在的元素,并為其增加樣式
偽類選擇器(a:hover、a:active):用于處理某個(gè)已有的元素的某個(gè)狀態(tài)
優(yōu)先級(jí)
!important(權(quán)重:無(wú)限大) > 行內(nèi)樣式(權(quán)重:1000) > ID選擇器(權(quán)重:100) > 類選擇器=屬性選擇器(權(quán)重:10) > 元素選擇器=偽元素(權(quán)重:1) > 通配符選擇器(權(quán)重:0) > 繼承(沒(méi)有權(quán)值) > 瀏覽器默認(rèn)屬性
以上是“常用的CSS選擇器的優(yōu)先級(jí)是怎樣的”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(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)容。