IE6中!important的使用技巧
本文探讨了在IE6及以下版本浏览器中如何正确使用CSS的!important声明来提升样式的优先级。通过对比不同代码结构的效果，展示了当!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
案例：
<!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>
效果：
扫一扫
493
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
