.iconAdd {background-image: url(../ext-2.2/resources/images/add.gif) !important;}.iconDelete {background-image: url(../ext-2.2/resources/images/delete.gif) !important;}為什么在末尾要加!important，這是干什么用的？
3 回答
慕田峪4524236
TA貢獻1875條經驗 獲得超5個贊
!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只是不認識優先級罷了*/
}
ITMISS
TA貢獻1871條經驗 獲得超8個贊
假如我要對一個div在IE7中寬為200px，在IE6中寬180px，則：
div { width:200px !important; }
div { width:180px; }
!important：表示某條屬性（聲明）具體最高的優化級，所以雖然看起來下面的把上方的屬性覆蓋了，但真正由于上面度200的優化級最高，所以最后div的寬還是200px
!important：IE7及以上、Firefox都支持，但IE6不支持，所以下面的屬性會把上面的覆蓋，即在IE6寬顯示為180px
設置此項主要的目的就是為了達到在各種及各版本的瀏覽器之間兼容，這里如果考慮周全的話還需對IE7及FF進行區別了
添加回答
舉報
0/150
提交
取消