1. 程式人生 > >css選擇符權重

css選擇符權重

選擇符 href 加載順序 覆蓋 pan 沖突 clas :hover 同時存在

css選擇符權重

目錄

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

css選擇符權重

css選擇器權重列表

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

CSS選擇符沖突處理

1、權重不同:選擇符的css發生沖突時,擁有高權值的css選擇符將會顯示

2、權重相同:選擇符權重一樣,將會按照加載順序進行覆蓋(就近原則)

3、aa:link

同時存在時,以a:link優先,註:使用a的偽類時,需要四個偽類(a:linka:hovera:activea:visited)同時使用

4、!important的權重為正無窮

css選擇符權重