总结CSS的优先级问题(CSS兼容浏览器)(3)
!important
CSS2.1中!important称为重要声明,它在声明的结束分号之前插入。表示该样式什么重要。如color:#f00 !important;表示color:#f00十分重要。
这里又讲到了ie6(这个浏览器对前台人员来说臭名昭著),ie6不支持该声明;因此众多的前台人员借助!important来处理ie6在页面表现上的bug,这就称为css hack。以下举例说明:
<style type="text/css">
p{color:#d00 !important; color:#00f;background:#ccc !important;}
</style>
</head><body>
<p>这是一段非常重要的文本</p>
</body>
各浏览器效果如下
最后说明一下,在我布局中基本上没有使用css hack也能保证各浏览器显示基本一致,我发现各之所以布局混乱更多是前台人员没有认真理解各浏览器在解析css的不同之处。