CSS重要性

1、有时候某个声明可能非常重要，超过了其他所有的声明，这个称之为重要声明。

     重要声明的表示为：在声明的结束分号之前插入  !important来标志。

     p.dark{color:#333 !important;font-size:16px;}。如果希望大小属性也重要，则也需要再font-size声明结束之前也加上!important。

 

2、规则：

　　对于有冲突的，重要性与非重要性：重要性声明 >  非重要性声明

　　　　　　　　　重要性与重要性：按照各自的特殊性来进行计算

　　　　　　　　　非重要与非重要性：按照各自的特殊性来进行计算

 

任何重要的样式规则都可以覆盖没有标记为重要的样式规则，

<div id="gohome"><a href="/" id="home">Home</a></div>

div#gohome a#home {
  color: red;
}

div a {
  color: green !important;
}

上面的代码会得到一个绿色 green 的链接，第一个规则有非常高的特殊性（0,2,0,2），

但是在 !important 面前一样没用，除非我们给第一个规则也标记为重要

div#gohome a#home {
  color: red !important;
}

div a {
  color: green !important;
}

这时候链接就变为红色 red 了，都标记为重要的情况下，则会使用前面提到的特殊性规则来解决，