[css] 請描述css的權重計算規則

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

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

個人簡介

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

主目錄

與歌謠一起通關前端面試題

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。