# 前端-CSS选择器优先级
- [特殊性](#%E7%89%B9%E6%AE%8A%E6%80%A7)
- [重要性](#%E9%87%8D%E8%A6%81%E6%80%A7)
- [继承](#%E7%BB%A7%E6%89%BF)
- [层叠](#%E5%B1%82%E5%8F%A0)
## 特殊性
CSS选择器可以让我们有多种不同的方法选择元素。当我们使用多种规则的时候，我们必须要明确其中的优先级。在CSS选择器的规则中，称之为特殊性，特殊性越高，自然优先级越高。
这里有一个特殊性的说明：
* !important 特殊性最高
* 对于内联样式，加1000
* 对于选中器中给定的ID属性值，加0100
* 对于选择器中给定的类属性值，属性选择或伪类，加0010
* 对于选择器中给定的元素选择器和伪元素，加0001
* 结合符和通配符选择器对特殊性没有任何贡献，0000
下面亲自测试一下
```html
Document
测试CSS选择器的特殊性
```
在观察结果之前先明确两点：
* 当选择器出于同一种特殊性的时候，位于css文件下部的样式会覆盖上面的样式
* 通配符选择器对于特殊性没有任何贡献，所以下面我用了许多的通配符（强烈说明日常开发最好不要使用过多通配符，这里只是为了举例子）来代替div属性，是因为要将div自身的特殊性影响排除
和我们的css代码进行对比分析，注意
