`
DBear
  • 浏览: 228831 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类

CSS中!important的作用

阅读更多

  !important这个属性属于CSS规范,功能是让用户自己设置被执行语句的优先级。一般来讲,在CSS中,如果在同一个css块中写下两个同样的属性,那么其实是按照最下面的来执行,比如:

.home {
  margin-left:20px;
  margin-left:40px;
}
  那么,执行的时候是按照40px做处理的。但如果改为:
.home {
  margin-left:20px!important;
  margin-left:40px;
}
  那么,执行的时候就会按照20px来处理。
  但是,IE6以及之前版本并不支持此属性,因此即使作如此修改,代码仍按40px执行。然而,也正因为它不支持,所以此属性经常被用于实现其它浏览器与IE6-的兼容。比如,如果发现某属性在IE6中显示与其它浏览器效果不同,则设置两个该属性,在上面的加入!important,下面的不加,这样在IE6中就执行下面的属性值,在其它浏览器中则执行上面的。
  此功能目前支持于firefox,google浏览器以及IE7以上版本。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics