css选择器遵循
- 在相同级别:
- 叠加原则
- 就近原则(覆盖)
- id选择器 > 类选择器 > 标签选择器
- 范围越小,优先级越高
选择器的针对性越强,它的优先级就越高
选择器的权值
- 通配选择符(*): 0
- 标签: 1
- 类: 10
- 属性: 10
- 伪类: 10
- 伪元素: 1
- id: 100
- important: 1000
原则:选择器的权值加到一起,大的优先:如果权值相同,后定义的优先
选择器的优先级
- important > 内联 > id > 类 > 标签|伪类|属性选择 > 伪元素 > 通配符 > 继承