溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關CSS中如何使用!important，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
!important為開發者提供了一個增加樣式權重的方法。應當注意的是!important是對整條樣式的聲明，包括這個樣式的屬性和屬性值
<style type="text/css">
a{color:green!important;}
#main a{ color:blue;}
</style>
<div id="main">
<a>!important實例</a>
</div>對于上面的代碼，如果不加important特性，則超鏈接的顏色為藍色，但是加上important之后優先級提高了，顯示顏色為綠色。
<style>
#Box div{
color:red;
}
.important_false{
color:blue;
}
important_true{
color:blue !important;
}
</style>
<div id="Box">
<div class="important_false">這一行末使用important</div>
<div class="important_true">這一行使用了important</div>
</div>CSS代碼第一行設定了box里面所有div中字體色為紅色，第二行和第三行都用class重新定義了自身div的字體色為藍色，不同的是，第二行末使用important，而第三行使用了！
默認情況下，class的優先級小于id，所以，第二行中即使用class重定義了自身樣式，也無法生效，所以繼承父級屬性，這行字還是紅色！
但是，第三行中，用了important提升優先級（或看成強制重定義），所以這里的css得以生效，這行字變為了藍色！
另外有一個值得注意的地方，如果樣式這樣寫：
.testClass{
color:blue !important; color:red;
}這種寫法在IE6下是識別不到 !important顯示為紅色，但也可以通過一下方法讓IE6識別到!important
.testClass{
color:blue !important;
}
.testClass{
color:red;
}關于CSS中如何使用!important就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
