CSS三大特性
1、繼承性
CSS_特性繼承和層疊 - Bublly - 博客園 (cnblogs.com)
2、層疊性
CSS_特性繼承和層疊 - Bublly - 博客園 (cnblogs.com)
3、優(yōu)先級(jí)
3.1基本
1特性:
不同選擇器具有不同的優(yōu)先級(jí),優(yōu)先級(jí)高的選擇器樣式會(huì)覆蓋優(yōu)先級(jí)低選擇器樣式
2優(yōu)先級(jí)公式:
繼承<通配符選擇器<標(biāo)簽選擇器<類(lèi)選擇器<id選擇器<行內(nèi)樣式<!important
3注意點(diǎn):
1、!important寫(xiě)在屬性值的后面,分號(hào)的前面!
2、!important不能提升繼承的優(yōu)先級(jí),只要是繼承優(yōu)先級(jí)最低!
3.、實(shí)際開(kāi)發(fā)中不建議使用!important。
div{
color:green !important;
}
3、2權(quán)重疊加計(jì)算
場(chǎng)景:如果是復(fù)合選擇器,此時(shí)需要通過(guò)權(quán)重疊加計(jì)算方法,判斷最終哪個(gè)選擇器優(yōu)先級(jí)最高會(huì)生效
權(quán)重疊加計(jì)算公式:(每一級(jí)之間不存在進(jìn)位)
比較規(guī)則:
1、先比較第一級(jí)數(shù)字,如果比較出來(lái)了,之后的統(tǒng)統(tǒng)不看
2、如果第一級(jí)數(shù)字相同,此時(shí)再去比較第二級(jí)數(shù)字,如果比較出來(lái)了,之后的統(tǒng)統(tǒng)不看
3、如果最終所有數(shù)字都相同,表示優(yōu)先級(jí)相同,則比較層疊性(誰(shuí)寫(xiě)在下面,誰(shuí)說(shuō)了算?。?br>
注意點(diǎn):!important如果不是繼承,則權(quán)重最高,天下第一!
可以加入學(xué)習(xí)群:862369742文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-478284.html
以上內(nèi)容為學(xué)習(xí)尚硅谷視頻后整理文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-478284.html
到了這里,關(guān)于CSS_三大特性下_優(yōu)先級(jí)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!