之前我們已經(jīng)學(xué)過了很多CSS3選擇器了,但是每個(gè)選擇器是有優(yōu)先級(jí)的。這一章我們來學(xué)習(xí)CSS3中選擇器的優(yōu)先級(jí)。
我們先來看一個(gè)例子:



技術(shù)點(diǎn)的解釋:
1、如果一個(gè)元素使用了多個(gè)選擇器,則會(huì)按照選擇器的優(yōu)先級(jí)來給定樣式。
2、選擇器的優(yōu)先級(jí)依次是: 內(nèi)聯(lián)樣式 > id選擇器 > 類選擇器 > 標(biāo)簽選擇器 > 通配符選擇器
我來試試:自行編寫一個(gè)div,然后分別使用行內(nèi)樣式、id選擇器、類選擇器、標(biāo)簽選擇器、通配符選擇器給div樣式,感受選擇器的優(yōu)先級(jí)。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)