CSS---!important

默认情况下,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