选择器的优先级(权重):
通过 不同的选择器,选中 相同的元素,并且为 相同的样式名 设置 不同的值 时,就发生了样式的冲突,到底应用哪个样式,此时就要看 优先级 了
简单描述:
行内样式 > ID选择器 > 类选择器 > 元素选择器 > 通配选择器
详细描述:
1.计算方式:每个选择器,都可以计算出一组权重,格式为(a b c)
例:
2.比较规则:按照从左到右的顺序,依次比较大小,当前位胜出后,后面的不在对比 例:
3.特殊规则:
1.行内样式权重大于所有选择器
2.!important 的权重,大于行内样式,大于所有选择器,权重最高!
4.图示:
简单实操: