河南网站建设-郑州网站设计-郑州网站建设-手机建站-郑州建站-上海建站

!important声明强制优先

CSS优先级中还有一个最无敌的声明，就是!important。

在CSS样式表中，带有!important声明的样式优先使用，它的优先级会超越任何地方、任何方式的样式声明，包括行内style属性中声明的样式。

比如下面代码：

这里的这行文字在浏览器中仍然显示为红色字体。

所以，CSS样式匹配的优先权遵循以下顺序：

(1)  !important声明高于一切。

(2) 内嵌样式次之。

(3) 样式表中声明按选择器的权重排序。

(4) 最后按浏览器执行样式表的顺序，遵循"后来居上"原则匹配样式。

当然最后还要强调一点：如果没有设置样式的，则自动继承父级节点的样式。

• 1. <style type="text/css"> 

  2. p{ color:red !important; }  

  3. </style> 

  4. <p style="color: blue; ">这是一行文字</p> 

转载请标注：东东工作室——如何让css优先级调用