声明的优先级

声明的优先级

选择器的特殊性

选择器的特殊性由选择器本身的组件确定，特殊性值表述为4个部分，如 0,0,0,0

一个选择器的具体特殊性如下确定：

	1. 对于选择器中给定的ID属性值，特殊性为 0,1,0,0
	2. 对于选择器中给定的各个类属性，属性选择，或伪类，特殊性为 0,0,1,0 
	3. 对于选择器中的给定的各个元素和伪元素，特殊性为 0,0,0,1
	4. 对于通配符选择器，特殊性为 0,0,0,0
	5. 结合符（,）对选择器特殊性没有一点贡献
	6. 内联声明的特殊性都是1,0,0,0
	7. 继承没有特殊性

特殊性可以累加，但不进位，例如：特殊性为 0,0,2,0
   .pink.pink{
   	background: pink;
   }

如果多个规则与同一个元素匹配，而且有些声明互相冲突时，特殊性越大的越占优势	
   特殊性 1,0,0,0 大于所有以0开头的特殊性
   
选择器的特殊性最终都会授予给其对应的声明
   
注意：id选择器和属性选择器
   div[id="test"]（0,0,1,1） 
   #test（0,1,0,0）  

重要声明

有时某个声明比较重要，超过了所有其他声明，css2.1就称之为重要声明

在声明的结束分号之前插入 !important 来标志该声明为重要声明

 !important 总是要放在声明的最后，即分号的前面

标志为 !important 的重要声明并没有特殊的特殊性值，不过要与非重要声明分开考虑:

	实际上所有的重要声明会被浏览器分为一组，重要声明的冲突会在其内部解决;

	非重要声明也会被分为一组，非重要声明的冲突也会在其内部解决。

如果一个重要声明与非重要声明冲突，胜出的总是重要声明。

继承

 继承没有特殊性，甚至连0特殊性都没有
 
 通配符是0特殊性

 0特殊性要比无特殊性来的强

来源

• css样式的来源大致有三种
  • 创作人员
  • 读者
  • 用户代理 (即浏览器)

​

• 权重：
  • 读者的重要声明
  • 创作人员的重要声明
  • 创作人员的正常声明
  • 读者的正常声明
  • 用户代理的声明

## 层叠

• 找出所有相关的规则，这些规则都包含一个选择器
• 计算声明的优先级
  • 先按来源排序
  • 再按选择器的特殊性排序
  • 最终按顺序