Question

css中 *margin-bottom:20px!important;解释下这里的*及!important的作用

Answer 1

*是区分浏览器兼容性的，写在一条样式里可以区分IE6、IE7和别的浏览器的不同，如：
.bor { border:20px solid green; *border:20px solid red ; padding: 30px;width : 300px;}
绿色边框的样式写在前面，这时候所有浏览器都是绿色边框，红色边框的样式用了*，IE6和IE7能识别，其他浏览器不能识别，所以覆盖了前面的绿色边框，所以IE6和IE7显示红色边框，其他浏览器显示绿色边框

!important的作用是提高指定样式规则的应用优先权。写在定义的最后面，例如：box{color:red !important;} 最重要的一点是：IE 6.0一直都不支持这个语法，而其他的浏览器都支持。因此我们就可以利用这一点来分别 比如：
.bor{ border:20px solid red !important; border:20px solid green;padding: 30px;width : 300px;}
因为ie6不认识!important，后面的绿色边框样式就会覆盖前面那句红色边框样式，而如ie7、火狐等浏览器认识!important，知道这一条样式的优先级要比后面那句高，就只会执行这句红色边框的样式。

Answer 2

*是给ie6用的，就是说他做这个网页时，ie6下面出现了一些位置偏差，于是加个*号专门针对ie6。
!important;是css里面用来提高权重的，让这个优先生效。有些时候你写了一条代码去覆盖前面的样式之类的，会发现无效，你加这句可能就生效了。

Answer 3

整个属性的作用是在IE7浏览器下对某个元素使用margin-bottom:20px这个css属性。
在属性前加*是一个css hack 使得这个属性只有在ie6~7下才会执行，其他浏览器会忽略此属性，而又因为ie6不支持!important，则使得这个属性只有在ie7下才能实现。

追问

整个的意思不是“在ie6 ie7 ff下都执行margin-bottom:20px这个属性”吗？？

Answer 4

一楼回答得太好了。。专业的？？