原 CSS 中 important的用法總結

1、用於解決ie對某些css規範有偏差的情況.

比如在ie中的效果總是和其他的瀏覽器如firefox,opera等相差2px,導致頁面布局有錯位，這是因為ie對盒之間距離的解釋的bug造成的，針對這種情況我們就可以利用!important來幫助解決。

例如下面這個樣式

.myclass

如果是在firefox,opera,chrome中，這些瀏覽器支援!important屬性，也就是說他們會預設讓margin-left:20px!important; 這條語句生效，下面的不帶!important宣告的樣式將不會覆蓋它，換句話說就是他的級別最高，下面的人都不能取代我！

但是，如果換作是ie瀏覽器會是什麼情況呢，因為ie不支援!important ，就是說ie不認識這句話是什麼意思，於是傻瓜ie就把這條給略過了，下面那條他可是認識的，於是margin-left:40px;

就生效了。

說到這，需要有一點注意：

並不說ie真的不認識!important,如果你單單想用!important去區別ie和其他瀏覽器那你就錯了，比如：

.myclass

我們異想天開的認為，這條樣式ie不認，我們可以讓它在其他瀏覽器上定製顯示。到底是不是這樣呢？真的不是！ ie也認了。

說到這你是不是有點糊塗了，到底ie認不認啊？？？

答案很簡單，只有當同時出現兩個同名的樣式時，才可以這樣用，就像下面這樣的.

.myclass

2、如果有定義了乙個樣式a，比如font-size,你不打算讓以後也叫樣式a的覆蓋掉這個font-size,也可以用 !important . 而如果新樣式也用了!important 則還是會強制覆蓋掉

.a.a

.a注意，一定要是同名的樣式，也就是樣式名都叫a的樣式才行，如果是父代與子代的情況就不管用了，比如說：

html

head

style

.father

.child

style

body

div

class

="father"

div

class

="child"

>i am child

div>

body

html

這種情況下，child的font-size就是14px，不受 father影響。

還有什麼其他的用法，請大家補充，謝謝。

出處：本文版權歸作者和共有，歡迎**，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出原文連線，否則保留追究法律責任的權利。