比较选择器特殊性

特殊性

    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

猜你喜欢

转载自www.cnblogs.com/chen-haobox/p/9490841.html