码迷,mamicode.com
首页 > Web开发 > 详细

CSS中的!important属性用法

时间:2014-06-10 00:13:00      阅读:287      评论:0      收藏:0      [点我收藏+]

标签:c   a   使用      问题   代码   

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

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

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

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

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

CSS中的!important属性用法,布布扣,bubuko.com

CSS中的!important属性用法

标签:c   a   使用      问题   代码   

原文地址:http://www.cnblogs.com/ron123/p/3773626.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!