CSS中如何使用!important声明强制优先的具体介绍
- 黄舟原创
- 2017-07-27 11:32:152507浏览
!important声明强制优先
CSS优先级中还有一个最无敌的声明，就是!important。
在CSS样式表中，带有!important声明的样式优先使用，它的优先级会超越任何地方、任何方式的样式声明，包括行内style属性中声明的样式。
比如下面代码：
<style type="text/css">
p{ color:red !important; }
</style>
<p style="color: blue; ">这是一行文字</p>
这里的这行文字在浏览器中仍然显示为红色字体。
所以，CSS样式匹配的优先权遵循以下顺序：
(1) !important声明高于一切。
(2) 内嵌样式次之。
(3) 样式表中声明按选择器的权重排序。
(4) 最后按浏览器执行样式表的顺序，遵循"后来居上"原则匹配样式。
当然最后还要强调一点：如果没有设置样式的，则自动继承父级节点的样式。
以上是CSS中如何使用!important声明强制优先的具体介绍的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn