css的优先级和!important与ie6的BUG(2)
HTML代码:
<div id=“idA” class=“classA”>我要12像素的字</div>
这样.classA{ font-size: 12px !important; }这个样式就被引用了。
这种方法在优先级低的样式被优先级高的样式覆盖,又想引用优先级低的样式时候非常有用!
二 !important在ie6下的一个BUG
还是看这一段代码,
CSS代码:
#idA{font-size:20px}
.classA{ font-size: 12px !important; }
HTML代码:
<div id=“idA” class=“classA”>我要12像素的字</div>
大家可以在IE6下测试一下,文字是12像素的,也就是.classA{ font-size: 12px !important; }被引用了,这证明IE6是支持!important的。但是css hack中用!important来区分ie6,说ie6不支持!important又是怎么回事呢?
原来ie6下,在同一个选择器样式(即同一个大括号里面)下!important是无效的,例如:
css代码:
.classA{ font-size: 68px !important; font-size: 12px }
HTML代码:
<div class=“classA”>我要12像素的字</div>
这里在ie6下是12像素的字,而其他浏览器下是68px的字,当然我们把样式改一下,!important放在后面,即.classA{ font-size: 12px;font-size: 68px !important; },那么ie6下和其他浏览器一样也是68px的字。也就是在同一个选择器样式(即同一个大括号里面)下!important被ie6彻底的无视了。
==============以下2009年8月1日更新==============
相关新闻>>
- 发表评论
-
- 最新评论 更多>>