!important大法

IE6的對css標準化的支持的不盡人意總叫人十分的惱火，比如我今天幫別人做blog的模板的時候，在FF下明明顯示好好的，可是跑到IE6下一看，嚴重錯位。怪自己平時對web標準化修煉不夠，解決不了。第一感覺是想到了IE hack的if語句，可是這樣的話就意味著要重新建立一個.css文件，這可不好，有沒有辦法在同一個.css文件里面定義樣式來區別FF和IE6呢？這時候搜索到了!important語句。我發現
#div{
background-color: red !important;
background-color: blue;
}

以上的定義在IE6中背景色變成了藍色而不是紅色，而在FF下是紅色。看來這個!important能解決我的問題。繼續搜索了下!important的作用，原來!important声明在IE6中并不是绝对的，它会被之后的同名属性定义所替换。也就是说在上面的例子中，IE6所应用的是最后一个背景色的值，即“blue”；而在FF中背景色的值为“red”。
还有一种方法，就是IE浏览器可以识别“>”等一些符号，如“~”、“`”、“<”等，都只有IE可以识别，但是不合理，!important是符合标准的。所以 #div{
background-color: red;
>background-color: blue;
}
在FF中得到的是背景色红色，而在IE中得到的背景色是蓝色，根据样式重定义的规则，如果浏览器可以识别“>”，则应该得到的蓝色的背景，因此可以知道“>”只有IE可以识别。

这样，我们就可以把FF和IE的样式分离开。