!important

語法:

Selector{sRule!important;}

說明:

提升指定樣式規則的應用優先權。
  • IE6及以下浏覽器有個比較顯式的支持問題存在,!important並不覆蓋掉在同一條樣式的後面的規則。請看下述代碼:

    示例代碼:

    div{color:#f00!important;color:#000;}

    在上述代碼中,IE6及以下浏覽器div的文本顔色爲#000,!important並沒有覆蓋後面的規則;其它浏覽器下div的文本顔色爲#f00

  • IE6及以下浏覽器要使!important生效,可用以下代碼:

    示例代碼:

    div{color:#f00!important;}
    
    div{color:#000;}

    在上述代碼中,IE6及以下浏覽器中div的文本顔色表現與其它浏覽器一致,都爲#f00

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
版本 6.0 #1 4.0 5.1 13.0 11.50
版本 7.0
  1. IE6及更早浏覽器下,!important在同一條樣式內不生效。

示例: