等級高的規(guī)則會(huì)覆蓋掉等級低的規(guī)則。
具有style屬性編寫的規(guī)則具有最高的等級。具有ID選擇器的規(guī)則比沒有ID選擇器的規(guī)則等級高。具有類選擇器的規(guī)則比只有類型選擇器的規(guī)則等級高。如果兩個(gè)規(guī)則的等級相同,后定義的覆蓋之前定義的規(guī)則。
a->style樣式的規(guī)則,如果有a=1
b->ID選擇器的總和
c->類,偽類和屬性選擇器的總和
d->類型選擇器和偽元素選擇器的總和
以style----id------class------element的順序排列。
選擇器 | 特殊性a~d | 特殊性總和 |
style="" | 1,0,0,0 | 1000 |
#x #y{} | 0,2,0,0 | 200 |
#x .z{} | 0,1,1,0 | 110 |
div #x{} | 0,1,0,1 | 101 |
#x{} | 0,1,0,0 | 100 |
p .z .m{} | 0,0,2,1 | 21 |
p .z{} | 0,0,1,1 | 11 |
div p{} | 0,0,0,2 | 2 |
p{} | 0,0,0,1 | 1 |