css基础知识之选择器使用示例

div#gohome a#home {
color: red;
}</p>
<p>div a {
color: green !important;
}

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

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

复制代码
div#gohome a#home {
color: red !important;
}</p>
<p>div a {
color: green !important;
}

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

所以使用 !important 的时候应当权衡，尽量不要用

另外，IE6 是支持 !important 的，只是不完全支持而已，当在同一个选择器中，在标记为重要的样式规则之后又重新定义了此样式则 !important 将失效

复制代码
.header {
color: red !important; /* 标准浏览器 red */
color: green; /* IE6 green !important 失效 */
}

再有就是 IE6/7 可以允许在 !important 后面添加一些文字，依然能识别

复制代码
.header {
color: red !important ie; /* ie6/7 red */
}