选择器优先级
- !important
- 内联样式
- 选择器设置样式
- 浏览器默认样式
- 来自继承的样式
如果优先级完全相同，后面的覆盖前面的
标签a 浏览器默认颜色 为蓝色
优先级计算
- 千位： 如果声明在 style 的属性（内联样式）则该位得一分
- 百位： 选择器中包含ID选择器则该位得一分
- 十位： 选择器中包含类选择器、属性选择器或者伪类则该位得一分
- 个位：选择器中包含标签选择器、伪元素选择器则该位得一分
| 选择器 | 百位 | 十位 | 个位 | 权重 |
|---|---|---|---|---|
| h1 | ? | ? | ? | 001 |
| #box p | ? | ? | ? | 101 |
| #logo a:hover | ? | ? | ? | 111 |
| h1 + p::before | ? | ? | ? | 003 |
通用选择器 (*)，组合符 (+, >, ~, ' ')，和否定伪类 (:not) 不会影响优先级
只有被直接选中才能计算比较 继承的样式权重最低
