选择器的优先级
当使用不同的选择器,选中同一个元素并且设置相同的样式时,样式之间就产生了冲突,最终到底采用哪个选择器定义的样式,由选择器的优先级(权重)来决定,优先级高的优先采用。
优先级的规则:
选择器 | 优先级 |
---|---|
内联样式 | 1000 |
id选择器 | 100 |
类和伪类 | 10 |
元素选择器 | 1 |
通配选择器 * | 0 |
继承的样式 | 没有优先级 |
当选择器中包含多种选择器时,需要将多种选择器的优先级相加之后再进行比较,但是注意,选择器优先级计算不会超过其最大的数量级。
如果选择器的优先级相同,则使用靠后的样式。
并集选择器的优先级是单独计算的,而并非相加,例如:div, h1, p, .hello { }
可以在样式的最后添加一个!important
,此时该样式将会获得最高优先级,甚至超过内联样式的优先级,但是在开发中不建议使用。
注意:选择器的优先级实质上是声明的优先级,因为只有声明会冲突而选择器不会冲突,只是我们习惯称其为选择器的优先级。
如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/20.html