CSS的特殊關鍵字!important(強制規則)

預設狀態下,CSS採用順序為:
style定義 > class定義 > default定義
如果在class內的特定項目後面加上!important時,則採用順序會變成
class內具備(!important)項目 > style定義 > class定義 > default定義

Example:
<style type='text/css'>
    .red{
        color:red !important;
    }
    .blue{
        color:blue;
    }
</style>
<div style='color:green'>顯示綠色(預設結果)</div>
<div style='color:green'>顯示紅色(!important造成結果)</div>

沒有留言:

橫式廣告