css選擇器優(yōu)先級(jí)

/*

* 當(dāng)使用不同的選擇器,選中同一個(gè)元素時(shí)并且設(shè)置相同的樣式時(shí),

* 這時(shí)樣式之間產(chǎn)生了沖突,最終到底采用哪個(gè)選擇器定義的樣式,由選擇器的優(yōu)先級(jí)(權(quán)重)決定

*? 優(yōu)先級(jí)高的優(yōu)先顯示。

*

* 優(yōu)先級(jí)的規(guī)則

* 內(nèi)聯(lián)樣式 , 優(yōu)先級(jí)? 1000

* id選擇器,優(yōu)先級(jí)? 100

* 類和偽類, 優(yōu)先級(jí)? 10

* 元素選擇器,優(yōu)先級(jí) 1

* 通配* ,? ? 優(yōu)先級(jí) 0

* 繼承的樣式,沒(méi)有優(yōu)先級(jí)

*

* 當(dāng)選擇器中包含多種選擇器時(shí),需要將多種選擇器的優(yōu)先級(jí)相加然后在比較,

* 但是注意,選擇器優(yōu)先級(jí)計(jì)算不會(huì)超過(guò)他的最大的數(shù)量級(jí),如果選擇器的優(yōu)先級(jí)一樣,

* 則使用靠后的樣式。

*

*? 并集選擇器的優(yōu)先級(jí)是單獨(dú)計(jì)算

* div , p , #p1 , .hello{}

*

*? 可以在樣式的最后,添加一個(gè)!important,則此時(shí)該樣式將會(huì)獲得一個(gè)最高的優(yōu)先級(jí),

* 將會(huì)優(yōu)先于所有的樣式顯示甚至超過(guò)內(nèi)聯(lián)樣式,但是在開(kāi)發(fā)中盡量避免使用!important

*

*/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容