!important

浏覽器支援情況：

firefox支援

IE不支援

!important是CSS1就定義的文法，作用是提高指定樣式規則的應用優先權，文法格式{ sRule!important }，即寫在定義的最後面,并且在分号之前，比如：

{font-color: red !important;}

由于IE并不支援該文法，是以我們可以利用這一點解決部分CSS的浏覽器相容問題。

在頁面設計中，需要将布局定義相關部分改為：{margin-right: -2px !important   margin-right: 0px;}，這樣Firefox仍然使用前一部分的margin定義，而IE則使用後一部分margin定義，立即試用，果然在IE下浏覽正常了。

總結

由于css是采用越接近越優先的原則，同一個定義，比如{margin: 2px;margin: 0px;}，在IE和firefox中就會解釋成{margin: 0px;}；而使用了!important之後，!important對firefox有效，對IE無效，故{margin: 2px !important;   margin: 0px;},在firefox中解釋為{margin:2px;},在IE中解釋為{margin:2px;}

!important用來讓firefox支援前面的定義，忽略後面的定義

!important對IE無效，IE依然會采用後面的定義，即後面的定義有效，前面的無效。

本文轉自wiwi部落格51CTO部落格，原文連結http://blog.51cto.com/wiwili/1968977如需轉載請自行聯系原作者

wiwili