CSS中提升優先級屬性!important的用法總結


一、語法
選擇器{樣式:值!import;}
二、說明
提升指定樣式規則的應用優先權,即!important為開發者提供了一個增加樣式權重的方法,讓瀏覽器首選執行這個語句。

例如下面這個樣式:

div{
margin-left:20px!important;
margin-left:40px;
}
如果是在除了IE6的瀏覽器中,這些瀏覽器支持!important屬性,也就是說他們會默認讓margin-left:20px!important; 這條語句生效,下面的不帶!important聲明的樣式將不會覆蓋它,換句話說就是他的級別最高,下面的人都不能取代我!
在IE6及以下瀏覽器有個比較顯式的支持問題存在,!important在同一條規則集里不生效。請看下述代碼:

div {
margin-left:20px!important;
}
div {
margin-left:40px;
}
在上述代碼中,IE6及以下瀏覽器中div的margin-left與其它瀏覽器一致,都為20px;
注意:
1、IE6及更早瀏覽器下,!important在同一條規則集內不生效。
2、如果!important被用於一個簡寫的樣式屬性,那么這條簡寫的樣式屬性所代表的子屬性都會被作用上!important。
3、關鍵字!important必須放在一行樣式的末尾並且要放在該行分號前,否則就沒有效果。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM