CSS中的!important属性用法

关于CSS的运用技巧有很多， 今天主要探讨一下CSS中 !important 这个属性的用法。在CSS的使用中，遇到最多的问题就是不同浏览器之间的兼容问题。 由于IE并不严格执行W3C标准， 而又几乎垄断了浏览器市场。 所以作为一名合格的网站制作人员， 必须要针对不同的浏览器进行微调。 实现不同浏览器之间兼容的方法有很多， 比如利用JS探测用户的浏览器类型，从而调用不同的样式表。 或者就是利用！important 属性来实现微调的效果。 下面是具体的例子。

下面是一段普通的 DIV 代码：

<div id="a"></div>

下面是有关层A在CSS样式表中的定义， 注意，这里使用了！important这个属性。

#a{margin-left:30px!important; margin-left:20px;}

在上面的例子中， 层a 在IE浏览器中， 左边距为20像素， 而在Firefox中， 左边距则变为30像素。 这是因为， !important在 CSS 中表示优先调用， 由于IE不能够识别这个属性， 所以在IE中， 只能够调用 “margin-left:20px;" 这个选项， 所以同样的一段代码， 在Firefox和IE中就会显示不同的样式。

不过值得注意的是， 最新版的IE 7.0 已经可以识别 !important， 这个属性了， 但是IE 6.0仍然不能识别。 所以这个小技巧还是相当有用的.

如果大家有更好的解决办法， 欢迎交流。

佚名