css中*margin-bottom:20px!important;解释下这里的*及!important的作用
发布网友
发布时间：2022-05-29 12:18
共1个回答
热心网友
时间：2023-10-17 15:03
IE7
和别的浏览器的不同，如：
.bor{border:20pxsolidgreen;*border:20pxsolidred;padding:30px;width:300px;}
绿色边框的样式写在前面，这时候所有浏览器都是绿色边框，红色边框的样式用了*，IE6和IE7能识别，其他浏览器不能识别，所以覆盖了前面的绿色边框，所以IE6和IE7显示红色边框，其他浏览器显示绿色边框
!
important
的作用是提高指定样式规则的应用优先权。写在定义的最后面，例如：box{color:red!important;}最重要的一点是：IE6.0一直都不支持这个语法，而其他的浏览器都支持。因此我们就可以利用这一点来分别比如：
.bor{border:20pxsolidred!important;border:20pxsolidgreen;padding:30px;width:300px;}
因为
ie6
不认识!
important
，后面的绿色边框样式就会覆盖前面那句红色边框样式，而如
ie7
、
火狐
等浏览器认识!important，知道这一条样式的优先级要比后面那句高，就只会执行这句红色边框的样式。
