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

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布局起到意想不到的效果!

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

评论 5

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

    Excellent article! We will be linking to this great content on our website. Keep up the great writing.

    DMC53周前 (03-31)回复
  2. #3

    cable tvs these days are rapidly being converted into a digital service which offers more value added services.

  3. #2

    The write-up has proven useful to me personally. It’s very useful and you’re obviously extremely well-informed in this region. You have got opened my own eyes to be able to varying thoughts about this particular topic along with intriguing and solid content material.

    Giuseppe Villasana1个月前 (03-11)回复
  4. #1

    这个只有ie6不支持了吧

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

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

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

立即前往