1、优先级介绍
- 特性:不同选择器具有不同的优先级,优先级高的选择器样式会覆盖优先级低的选择器样式
- 优先级公式:
- 继承 < 通配符 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important
- 注意点:
- !important写在属性值后面,分号的前面
- !important不能提升继承的优先级,只要是继承优先级最低
- 实际开发中不建议使用!important
2、权重叠加计算
- 场景:如果是复合选择器,此时需要通过设置权重叠加计算方法,判断最终哪个选择器优先级最高会生效
- 权重叠加计算公式:(每一级之间不存在进位)
- 比较规则:
- 先比较第一级数字,如果比较出来了,之后的统统不看
- 如果第一级数字相同,此时再去比较第二级,如果比较出来了,之后的统统不看了
- .......
- 如果最终所有数字都相同,表示优先级相同,则比较层叠性(谁写在下面,谁说了算)
- 注意点:!important如果不是继承,则权重最高,天下第一