比较选择器特殊性

Posted 2020-12-30 chen-haobox

特殊性

1. 总体规则 
   一个声明的特殊性，取决于规则适用范围的大小，规则适用范围越大，特殊性越低；反之； 
   总体规则的顺序：行内选择器>ID>类>元素>通配符
2. 具体规则 
   例： 
   a 
   .foo 
   #bar 
   .main>div #nav *.home a:link 
   用abcd分别表示 
   1. a=行内样式的个数， 
   2. b=ID选择器个数， 
   3. c=类选择器、伪类选择器、属性选择器个数， 
   4. d=元素选择器个数; 
   注：a只有1和0两种情况；通配符选择器由于特殊性，值为0；.main>div是元素选择器； 
   所以上例中，值为 
   0 0 0 1 
   0 0 1 0 
   0 1 0 0 
   0 1 3 2