提升指定样式规则的应用优先权。
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
案例：
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title></title> <style> .test { color: #f00 !important; color: #000; } .test2 { color: #f00 !important; } .test2 { color: #000; } </style> </head> <body> <div class="test">同一条样式内，!important将在IE6及以下浏览器中失效</div> <div class="test2">在分散的样式条目内，IE6及以下浏览器对!important的支持与其它浏览器一致</div> </body> </html>
效果：
本文转自TBHacker博客园博客，原文链接：http://www.cnblogs.com/jiqing9006/p/5090743.html，如需转载请自行联系原作者