<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还有提权的作用!
还有神马你懂的!!!