一直认为!important的用法是优先其属性,今天在度娘上查找了一番!还真发现了很多我自己不了解得!

下面我整理几个自己不是很熟的:

就是利用!important 属性来实现微调的效果。 下面是具体的例子。

下面是一段普通的 DIV 代码:

<div id=”a”></div>

下面是有关层A在CSS样式表中的定义, 注意,这里使用了!important这个属性。

#a{margin-left:30px!important; margin-left:20px;}

在上面的例子中, 层a 在IE浏览器中, 左边距为20像素, 而在Firefox中, 左边距则变为30像素。 这是因为, !important在 CSS 中表示优先调用, 由于IE不能够识别这个属性, 所以在IE中, 只能够调用 “margin-left:20px;” 这个选项, 所以同样的一段代码, 在Firefox和IE中就会显示不同的样式。

如果写成:a{color:teal !important},IE6和其它高版本浏览器都认识,(IE6虽然不认识!important,但它还是能够认识!important之前的color:teal这个属性的,
如果写成a{color:red;color:teal !important},则所有浏览器也都把文字的颜色设置为teal这个颜色。
但是,如果把刚才的CSS样式改为a{color:teal !important;color:red},则在火狐和IE6+的浏览器里则以color:teal为准,
因为他们认识!important,则它的优化级高,所以采用color:teal。
而IE6呢,尤由它不认识!important,但能认识color:teal这个属性,所以color:teal和color:red都要采用,
但后来定义的颜色会覆盖 前面定义的颜色,也就是说color:red会覆盖color:teal,
所以我们在IE6里我看到的应该是red这个色。

<div style=" min-height:100px !important; height:auto!important; height:100px;  width:300px; ">

   

发表评论

邮箱地址不会被公开。 必填项已用*标注