!important 语法

Posted 2020-08-02 邋遢鬼

语法：

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