CSS中的!important一般都是用来做hack的,后面缀上了!important的css语句,让浏览器首选执行这个语句。
因为css有继承的样式,加上!importanrt可以覆盖父级的样式。 IE6中不能识别,但IE7和别的浏览器中可以用,用来处理浏览器的兼容性。
扩展资料:
CSS中“!important”可以使其之前的样式优先执行,例如:
body {
color : red !important;
}
body {
color : black;
}
颜色color出现了两次,而加上“!important”的“color : red;”总会得到优先执行,浏览器将对另一个“color : black;”视而不见。
1、这个属性可以让浏览器优选执行这个语句,加上!importanrt可以覆盖父级的样式。具体的效果可以用一个案例演示,首先新建一个html文件,先新建一个外围div,在在里面设置两个子div,给父div设置class属性parent,第二个子div增加import的class属性:
2、然后在上方的style中设置样式,给div设置宽度和高度,并给它背景颜色;给import类设置背景色,并加入!important 属性就会覆盖父容器的背景颜色:
3、最后来到浏览器中,就可以看到第二个div的背景颜色被覆盖了:
important!; 这个选项代表 只有IE7以上,FF,opera ,chorme等流览器可以识别这些属性。
比如: .wrapper{height:100px;height:200px !important;}
那么在 IE6 中显示的高度就是100px,而在IE7以上,FF,opera ,chorme 显示的高度 就是200px;
希望对你有所帮助!