css 权重 计算

一般而言，选择器越特殊，它的优先级越高。也就是选择器指向的越准确，它的优先级就越高。

复杂的计算方法：

• 用1表示派生选择器的优先级
• 用10表示类选择器的优先级
• 用100标示ID选择器的优先级
  • div.test1 .span var 优先级 1+10 +10 +1
  • span#xxx .songs li 优先级1+100 + 10 + 1
  • #xxx li 优先级 100 +1
• • 派生选择器（用HTML标签申明）
  • id选择器（用DOM的ID申明）
  • 类选择器（用一个样式类名申明）
  • 属性选择器（用DOM的属性申明，属于CSS2，IE6不支持，不常用，不知道就算了）

  除了前3种基本选择器，还有一些扩展选择器，包括

  • 后代选择器（利用空格间隔，比如div .a{  }）
  • 群组选择器（利用逗号间隔，比如p,div,#a{  }）

  那么问题来了，CSS选择器的优先级是怎么样定义的？

  基本原则：