[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,并且盡量少用它,
個人簡介
我是歌謠,歡迎和大家一起交流前后端知識,放棄很容易,
但堅持一定很酷,歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/263370.html
標籤:其他
上一篇:一些惡心的代碼片段
