[css] 請(qǐng)描述css的權(quán)重計(jì)算規(guī)則

權(quán)重值計(jì)算
選擇器 案例 權(quán)重值
!important !important Infinity
內(nèi)聯(lián)樣式 style="…" 1000
ID #id 100
class .class 10
屬性 [type=‘text’] 10
偽類(lèi) :hover 10
標(biāo)簽 p 1
偽元素 ::first-line 1
相鄰選擇器、子代選擇器、通配符 * > + 0
比較規(guī)則

1000>100。也就是說(shuō)從左往右逐個(gè)等級(jí)比較，前一等級(jí)相等才往后比。 在權(quán)重相同的情況下，后面的樣式會(huì)覆蓋掉前面的樣式。 繼承屬性沒(méi)有權(quán)重值 通配符、子選擇器、相鄰選擇器等的。雖然權(quán)值為0，但是也比繼承的樣式優(yōu)先。 ie6以上才支持important，并且盡量少用它。

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[css] 请描述css的权重计算规则的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。