css中specificity的作用是什么,相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個(gè)問題。
專注于為中小企業(yè)提供網(wǎng)站制作、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)興寧免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
?
css specificity
即 css 中關(guān)于選擇器的權(quán)重,以下三種類型的選擇器依次下降
id
選擇器,如
#app
class
、
attribute
與
pseudo-classes
選擇器,如
.header
、
[type="radio"]
與
:hover
type
標(biāo)簽選擇器,如
h2
和
p
其中通配符選擇器 *
,組合選擇器 + ~ >
,否定偽類選擇器 :not()
對(duì)優(yōu)先級(jí)無影響
另有內(nèi)聯(lián)樣式 及
!important
(最高) 具有更高的權(quán)重
??
:not
的優(yōu)先級(jí)影響 - codepen 可以看出:not
對(duì)選擇器的優(yōu)先級(jí)無任何影響
看完上述內(nèi)容,你們掌握css中specificity的作用是什么的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!