本文所分享的知识点是【!important用法使用介绍】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
!important用法使用介绍
*对于Ie系列浏览器都能够识别， firefox 浏览器则不能识别;
!important只有Ie7.0和firefox可以识别，但是Ie6.0不能成功应用.
(1)区别ie与firefox的hack为:
border:2px solid #f00;
*border:1px solid #f00;
(2)区别Ie6.0 与Ie7.0、firefox的hack为:
border:1px solid #f00!important;
border:2px solid #f00;
在(1)中，之所以把*放在后面是因为ff不识别*而导致只对它设置了一次border;而ie 系列进行了两次border设置后，后一个属性覆盖了前一个属性，故为一像素的边框。
在(2)中，之所以把!important放在第一个border 设置，是因为它把这次border的优先级提高了，即使后面在一次甚至在N次设置border 也无效，但是Ie6.0对这个规则不接受，而导致它应用了第二次的border 设置，也就是第二次覆盖了第一次的这一原理， 并不是它不识别!important;所以它的border为2 像素的红框.
CSS
1 #Box div{
color:red;
}
2 .important_false{
color:blue;
}
3.important_true{
color:blue !important;
}
HTML
<div id="Box">
<div class="important_false">这一行末使用important</div>
<div class="important_true">这一行使用了important</div>
</div>
第一行字为红色，第二行子为蓝色。
important对 一个良好（或者是标准）的浏览器来说，不仅仅是从顺序上提升代码的优先级，还可以用来提升class的优先级（比如firefox），但是从IE对前者的不支持可以看出，这只是IE的一大BUG，而不能说它“不认识、不支持”！
在IE中对盒模型（box-model）的解释是有BUG的，IE6.0之前的版本会把某元素的边框值和填充值包含在宽度之内（而不是加在宽度值上）。例如，你可能会使用以下css来指定某个容器的尺寸：
#box
{
width:100px;
border:5px;
padding:20px;
}
然后在html中应用：盒的总宽度在几乎所有浏览器中为150像素（100像素宽度+两条5像素的边框+两个20像素的填充），唯独在IE6之前版本的浏览器中仍然为100像素（边框值和填充值包含在宽度值中），使用盒模型的hack可以解决这一问题
#box
{
width:150px; //这个是错误的width，所有浏览器都读到了
voice-family: \}\; //IE5.X/win忽略了\}\后的内容
voice-family:inherit;
width:100px; //包括IE6/win在内的部分浏览器读到这句，新的数值(100px)覆盖掉了旧的
}
关于!important用法使用介绍的相关讨论如下：
相关问题：important的用法
答：It's very important to a student for keeping healthy. 一般情况下，说什么对什么很重要，通常就用 It is (very) important to sb that 从句。这个句式里面it 是形式主语，真正的主语是后面的that 从句或名词性的短语。 谢谢！ >>详细
相关问题：important的用法！
答：由于浏览器兼容问题！有时候会多一点或者对齐方面的问题。使用important在火狐!中可以泽先被读取！IE中则被忽略掉important 。所以一般出现maging pading都会给出两个设置！！来配合浏览器！ >>详细
相关问题：It's important 的用法
答：It's important to finish your homework. 完成你的作业很重要。 It是形式主语，真是的主语是to finish your homework. 这句话其实是To finish your homework is important. >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-