美文网首页
css选择器优先级

css选择器优先级

作者: 爱上在路上_e432 | 来源:发表于2020-04-01 13:36 被阅读0次

/*

* 当使用不同的选择器,选中同一个元素时并且设置相同的样式时,

* 这时样式之间产生了冲突,最终到底采用哪个选择器定义的样式,由选择器的优先级(权重)决定

*  优先级高的优先显示。

*

* 优先级的规则

* 内联样式 , 优先级  1000

* id选择器,优先级  100

* 类和伪类, 优先级  10

* 元素选择器,优先级 1

* 通配* ,    优先级 0

* 继承的样式,没有优先级

*

* 当选择器中包含多种选择器时,需要将多种选择器的优先级相加然后在比较,

* 但是注意,选择器优先级计算不会超过他的最大的数量级,如果选择器的优先级一样,

* 则使用靠后的样式。

*

*  并集选择器的优先级是单独计算

* div , p , #p1 , .hello{}

*

*  可以在样式的最后,添加一个!important,则此时该样式将会获得一个最高的优先级,

* 将会优先于所有的样式显示甚至超过内联样式,但是在开发中尽量避免使用!important

*

*/

相关文章

网友评论

      本文标题:css选择器优先级

      本文链接:https://www.haomeiwen.com/subject/ahbldqtx.html