您好,UncleToo欢迎您!  为了更好的浏览本站,请使用高版本浏览器
RSS  Tag     设为首页 | 加入收藏
 您所在的位置:首页 > 前端开发 > HTML5&CSS3

CSS !important是什么意思

作者:UncleToo  来源:互联网  日期:2013-09-19 8:10:30
收藏  评论:( 1 )  阅读:1552

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




除非特别声明,本站所有PHP教程及其他教程/文章均为原创、翻译或网友投稿,版权均归UncleToo中文网所有, 转载请注明作者及出处。
原文网址:http://www.uncletoo.com/html/html5/259.html
读完这篇文章后,你是否有所收获? 分享是一种生活的信念!
  • 0
  • 0
我来说两句
更多>>网友评论