css裡的!important意思？

是為了相容IE/FF

font-size: 12px !important;
font-size: 13px;
在IE裡面，由於IE不理解 !important，則字型大小按照最後設定的13px展示
而FF裡面， !important為提高優先順序別，則字型大小按照 !important標記的12px展示

 

＂!important＂ｉｅ６是不能識別的，而ＦＦ可以，所以用它對ＦＦ和ＩＥ６.０分別設定樣式，原因是這兩種瀏覽器中對代碼的解釋存在差異，因而導致有時候相同的樣式卻是不同的效果！
後來到了ＩＥ７＂!important＂又可以被識別了，所以就不能用了；
現在的做法是ＩＥ７中在樣式前加"*+html",FF則直接寫，ＦＦ不能識別"*+html"這個字串，利用這點做到樣式對瀏覽器的相容；不過缺點是增加了樣式表的長度，拖延了載入時間～
不過最好的做法還是用ＪＳ探測瀏覽器的版本，然後連結不同的樣式表！

 

首先，!important使用的主要目的是區分（IE6）和（IE7，FF），注意IE6是一類，IE7，FF這兩個是一類，因為這兩個對最新的css完全支援且程度類似。

其次，IE6不解析!important（所以IE6的css最新標準支援不完全），IE7，FF解析!important（支援完善）

再次，某些css某些代碼在這兩類瀏覽器裡的顯示是有差別的（注意這也是使用!important的主要原因所在），比如height: 21px;，在IE6和（IE7，FF）裡顯示就有差別，後者（IE7，FF）會比前者（IE6）少一個像素。

所以，為了保持各個瀏覽器顯示效果的一致，我們使用兩句話分別針對兩類瀏覽器，

className{
height: 22px !important;
height: 21px;
}


height: 22px !important;只有IE7，FF解析
height: 21px;只有IE6解析

比且最終兩類瀏覽器顯示效果一致，如果不區別對待，單純一句height: 21px;那麼IE7，FF裡顯示就會少一個像素的高度。