关注前端开发
关注用户体验

CSS !important的意思

这是因为IE对盒之间距离的解释的bug造成的.

!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权(参见:W3.org的解释)。

语法格式{ sRule!important },直接写在定义的最后面,如:

p{color:green !important;}

注意:IE一直都不支持这个语法,而其他的浏览器都支持。因此我们就可以利用这一点来分别给FF和IE浏览器样式定义。

<html>
<head>
<style type="text/css">
#box {
	height:30px!important;
	height:18px;
	border:1px solid #000
}
</style>
</head>
<body>
<span id="box">!important</span>
</body>
</html>

在Mozilla中浏览时候,能够理解!important的优先级,因此显示height:30px;的高度。

在IE中浏览时候,不能够理解!important的优先级,因此显示height:18px;的高度。

利用!important,我们可以针对IE和IE以外浏览器设置不同的样式,只要在IE以外浏览器样式的后面加上!important。

请记住!important、掌握!important、并合理的加以利用!important,它将会为你的CSS布局起到意想不到的效果!

未经允许不得转载:大前端 » CSS !important的意思
分享到:更多 ()

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    这个只有ie6不支持了吧

    lynzz7年前 (2010-11-08)回复
    • 不错

      飞鹰3年前 (2014-01-15)回复

themebetter 国内更好的WordPress主题服务商

立即前往