CSS中提升優先順序屬性!important的用法總結
轉載:https://blog.csdn.net/m0_38099607/article/details/72860779
版權宣告:本文為博主原創文章,未經博主允許不得轉載。 https://blog.csdn.net/m0_38099607/article/details/72860779
一、語法
選擇器{樣式:值!import;}
二、說明
提升指定樣式規則的應用優先權,即!important為開發者提供了一個增加樣式權重的方法,讓瀏覽器首選執行這個語句。
例如下面這個樣式:
div{
margin-left:20px!important;
margin-left:40px;
}
1
2
3
4
如果是在除了IE6的瀏覽器中,這些瀏覽器支援!important屬性,也就是說他們會預設讓margin-left:20px!important; 這條語句生效,下面的不帶!important宣告的樣式將不會覆蓋它,換句話說就是他的級別最高,下面的人都不能取代我!
在IE6及以下瀏覽器有個比較顯式的支援問題存在,!important在同一條規則集裡不生效。請看下述程式碼:
div {
margin-left:20px!important;
}
div {
margin-left:40px;
}
1
2
3
4
5
6
在上述程式碼中,IE6及以下瀏覽器中div的margin-left與其它瀏覽器一致,都為20px;
注意:
1、IE6及更早瀏覽器下,!important在同一條規則集內不生效。
2、如果!important被用於一個簡寫的樣式屬性,那麼這條簡寫的樣式屬性所代表的子屬性都會被作用上!important。
3、關鍵字!important必須放在一行樣式的末尾並且要放在該行分號前,否則就沒有效果。
---------------------
作者:NINE-NINE
來源:CSDN
原文:https://blog.csdn.net/m0_38099607/article/details/72860779
版權宣告:本文為博主原創文章,轉載請附上博文連結!