选择器的优先级

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

当使用不同的选择器,选中同一个元素并且设置相同的样式时,样式之间就产生了冲突,最终到底采用哪个选择器定义的样式,由选择器的优先级(权重)来决定,优先级高的优先采用。

优先级的规则:

选择器优先级
内联样式1000
id选择器100
类和伪类10
元素选择器1
通配选择器 *0
继承的样式没有优先级

当选择器中包含多种选择器时,需要将多种选择器的优先级相加之后再进行比较,但是注意,选择器优先级计算不会超过其最大的数量级。

如果选择器的优先级相同,则使用靠后的样式。

并集选择器的优先级是单独计算的,而并非相加,例如:div, h1, p, .hello { }

可以在样式的最后添加一个!important,此时该样式将会获得最高优先级,甚至超过内联样式的优先级,但是在开发中不建议使用。

注意:选择器的优先级实质上是声明的优先级,因为只有声明会冲突而选择器不会冲突,只是我们习惯称其为选择器的优先级。

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/20.html