CSS---!important

时间：2016-03-02 00:08:42 阅读：181 评论：0 收藏：0 [点我收藏+]

默认情况下,CSS规则按级层覆盖，例如在.CSS文件中的定义可以被html文件中<style type="text/css"></style>里的定义覆盖，反之不行；书写在下面的定义可以覆盖写在上面的定义，反之不行。

然而,对覆盖平衡而言,加上一个“!important”就优先于正常的CSS规则。

<style type="text/css">
    p{color:red!important;}
    p{color:blue;}
</style>
....
<p> I Love CSS.</p>

如果没有加!important，后面的定义会覆盖前面的定义。加了以后前面的定义的优先级提高了。所以最终p里面的文字会显示红色。

小结：如果外部样式表中的样式不被内部样式所覆盖，就得加!important；在同一个{}内，先定义的选择器不被后定义的覆盖，得加!important

原文：http://www.cnblogs.com/beast-king/p/5232725.html

踩

(0)

评论一句话评论（0）

分享档案

更多>