CSS特殊性计算

  CSS特殊性计算采用 a,b,c,d计算法

  1.  如果css属性是通过(X)HTML元素的style属性定义的,则极为a=1,如果不是则记为a=0;
  2. 计算器选择器中ID选择器的数量记为b;
  3. 计算器选择器中类选择器、属性选择器和伪类的数量记为c;
  4. 计算器选择器中类型选择器的数量记为d;

 

  *{......} 特殊性=0,0,0,0

  li{......} 特殊性=0,0,0,1

  ul li{......} 特殊性=0,0,0,2

  ul ol+li{......} 特殊性=0,0,0,3

  h1+ *[rel='up']{......} 特殊性=0,0,1,1

  ul ol li.warning{......} 特殊性=0,0,1,3

  li.menu.level{......} 特殊性=0,0,2,1

  #x34y{......} 特殊性=0,1,0,0

  <p style="......"> 特殊性=1,0,0,0

特殊性高的规则会取代特殊性低的规则,无论其书写的先后顺序如何。

posted @ 2013-06-20 20:12  休天  阅读(390)  评论(0编辑  收藏  举报