CSS - !important声明强制优先
!important声明强制优先
CSS优先级中还有一个最无敌的声明,就是!important。
在CSS样式表中,带有!important声明的样式优先使用,它的优先级会超越任何地方、任何方式的样式声明,包括行内style属性中声明的样式。
比如下面代码:
- <style type="text/css">
- div{ color:red !important; }
- </style>
- <div style="color: blue; ">这是一行文字</div>
这里的这行文字在浏览器中仍然显示为红色字体。
所以,CSS样式匹配的优先权遵循以下顺序:
(1) !important声明高于一切。
(2) 内嵌样式次之。
(3) 样式表中声明按选择器的权重排序。
(4) 最后按浏览器执行样式表的顺序,遵循"后来居上"原则匹配样式。
当然最后还要强调一点:如果没有设置样式的,则自动继承父级节点的样式。
如何联系我:【我的公司】www.xinzhenkj.com(信真科技)【技术咨询】www.laohuzx.com 【QQ】3396726884
图书购买京东链接***微信小程序商城开发实战*** | ***新媒体营销精华:精准定位+爆款打造+匠心运营+内容变现***