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