CSS 选择器优先级

CSS（Cascading Style Sheets) 层叠样式表

浏览器遵循三个步骤： 来源、优先级、源码顺序，分析没有元素的每一个属性。如果一个声明在层叠中胜出，它就被称为一个层叠值。每个元素最多有一个层叠值。

• CSS解决样式冲突判断条件 样式表来源 => 选择器优先级 => 源码顺序

样式表来源

• 用户样式表
• 用户代理样式表（浏览器样式）
• 第三方样式（少数浏览器支持）

选择器优先级

• !import > id > 类 > 标签
• 伪类选择器和属性选择器优先级和类选择器一样。
• 可以采用2,1,3的计算方式，分别代表id，类，标签选择器的数量。前面数量越大优先级越高。
• .name .person(0,2,0) 优先级大于 div .person p (0,1,0)

源码顺序

• 出现较晚的优先级高。

  // 链接样式顺序 LoVeHAte原则
  a:link {}
  a:visited{}
  a:hover {}
  a:active {}