测试!important的在浏览器中的支持情况

<style>
*{margin:0;padding:0;}
body{font-size:12px;width:800px;margin:0 auto;}
.a{width:200px; float:left;background:#000; height:200px;_height:500px;}
.b{width:200px; float:left;background-color:#F00;*height:500px !important;height:200px;}
.c{width:200px; float:left;background-color:#00F;height:300px !important;height:200px;}
</style>
a中ie6显示的高度500px,
b中ie7显示的高度红色500px,
c中ie7及以上显示的高度蓝色300px,
c中这2个高度的地方顺序换下也是可以IE6显示的也是300px,
如:.c{width:200px; float:left;background-color:#00F;height:200px;height:300px !important;}
<body>
<div class=”a”></div>
<div class=”b”></div>
<div class=”c”></div>
</body>
这样可以看出来。所有浏览器其实是支持!important的。而且important还有提权的作用!

还有神马你懂的!!!

本文固定链接: http://www.xiaobai8.com/Blog/103.html | web前端,杭州小白的个人博客,小白的个人博客

该日志由 杭州-小白 于2011年07月10日发表在 CSS 分类下,
原创文章转载请注明: 测试!important的在浏览器中的支持情况 | web前端,杭州小白的个人博客,小白的个人博客
关键字:
【上一篇】
【下一篇】

报歉!评论已关闭.