1. 程式人生 > >CSS中提升優先順序屬性!important的用法總結

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 
版權宣告:本文為博主原創文章,轉載請附上博文連結!