假如我要對一個div在IE7中寬為200px，在IE6中寬180px，則：

div { width:200px !important; }

div { width:180px; }

!important：表示某條屬性（宣告）具體最高的最佳化級，所以雖然看起來下面的把上方的屬性覆蓋了，但真正由於上面度200的最佳化級最高，所以最後div的寬還是200px

!important：IE7及以上、Firefox都支援，但IE6不支援，所以下面的屬性會把上面的覆蓋，即在IE6寬顯示為180px

設定此項主要的目的就是為了達到在各種及各版本的瀏覽器之間相容，這裡如果考慮周全的話還需對IE7及FF進行區別了

!important 表示高優先順序。

IE6瀏覽器不認識 !important 。

舉例：

正常情況下，寫在下面的樣式優先順序高於上面的樣式

demo1{

color:red;

color:green; /*綠色的優先順序高於紅色，所有瀏覽器都會顯示綠色*/

}

加了!important 那麼它的優先順序會比較高，ie6比較傻，不認識。

demo2{

color:red !important; /*除了ie6，其他瀏覽器會認為紅色優先順序高，顯示紅色字型*/

color:green; /*ie6瀏覽器則順序讀取css所以顯示綠色*/

}

但是注意，IE6不認識!important的優先順序，但並不代表IE6不認識帶!important的樣式屬性。

demo3{

color:red;

color:green !important; /*包括IE6，所有瀏覽器都顯示綠色字型，ie6只是不認識優先順序罷了*/