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仍然不能识别。所以这个小技巧还是相当有用的.

在疑惑的时候看到这篇文章，让我豁然开朗。博客原文地址：http://www.chinaz.com/design/2008/1219/55237.shtml