Web前端开发-Web前端工程师

!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 #1 4 5.1。7 13 11.5
版本 7
  1. IE6及更早浏览器下,!important在同一条样式内不生效。

示例: