!important声明强制优先
- 2021-09-04 21:04:15
- 1,614 次阅读
- 0
CSS优先级中还有一个最无敌的声明，就是!important。
在CSS样式表中，带有!important声明的样式优先使用，它的优先级会超越任何地方、任何方式的样式声明，包括行内syle属性中声明的样式。
比如下面代码：
div{color: red !important}
<div style=“color: blue”>
这里div里面的字体颜色在浏览器中显示为红色字体。所以，CSS样式匹配的优先权遵循以下顺序：
1.!important声明高于一切。
2.内嵌样式次之。
3.样式表中声明按选择器的权重排序。
4.最后按浏览器执行样式表的顺序，遵循”后来居上“原则匹配样式。
当然最后还要强调一点：如果没有设置样式的，则自动继承父级节点的样式。
文章评论 (0)