css選擇符權重

css選擇符權重

目錄

• css選擇符權重
  • css選擇器權重列表
  • CSS選擇符衝突處理

---

css選擇符權重

css選擇器權重列表

選擇器     權重
內聯樣式        1000
ID          0100
CLASS       0010
屬性選擇符   0010
TAG         0001
僞元素     0001
僞類          0001
inhref      0000
羣組選擇符   不變
後代選擇符   相加

CSS選擇符衝突處理

一、權重不一樣：選擇符的css發生衝突時，擁有高權值的css選擇符將會顯示

二、權重相同：選擇符權重同樣，將會按照加載順序進行覆蓋（就近原則）

三、a和a:link同時存在時，以a:link優先，注：使用a的僞類時，須要四個僞類(a:link、a:hover、a:active、a:visited)同時使用

四、!important的權重爲正無窮