!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 Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0 #1 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
7.0+
  1. IE6及更早瀏覽器下,!important在同一條規則集內不生效。

示例: