css样式中遇到!important

答案:5 悬赏:30 手机版

解决时间 2021-03-18 09:20

提问者网友：ミ烙印ゝ
2021-03-17 20:35

css样式中遇到!important

最佳答案

五星知识达人网友：零点过十分
2021-03-17 20:53

假如我要对一个div在IE7中宽为200px，在IE6中宽180px，则：
div { width:200px !important; }
div { width:180px; }

!important：表示某条属性（声明）具体最高的优化级，所以虽然看起来下面的把上方的属性覆盖了，但真正由于上面度200的优化级最高，所以最后div的宽还是200px

!important：IE7及以上、Firefox都支持，但IE6不支持，所以下面的属性会把上面的覆盖，即在IE6宽显示为180px

设置此项主要的目的就是为了达到在各种及各版本的浏览器之间兼容，这里如果考虑周全的话还需对IE7及FF进行区别了

全部回答

1楼网友：轮獄道
2021-03-18 00:04

表示兼容
！important表示firefox可见

2楼网友：第幾種人
2021-03-17 22:44

我也想问这个问题
我只知道!important是IE不能识别的
在FF和IE浏览不兼容的情况下用这个很好
是不是用它可以确保在除了在IE的浏览器中不出错了！

3楼网友：逐風
2021-03-17 22:38

加 !important是为了IE6跟其他版本的浏览器区别开，因为正常情况下，CSS定义的样式在IE6、8和FF下有不同的结果，所以设计会用 !important来兼容它们，所以加有 !important的那个值其实是定义给IE8和FF的，IE6是不认这个值的

4楼网友：往事埋风中
2021-03-17 21:24

本来不想回答的，但是我发现楼上回答有问题，会让人误解，我更正一下
!important 表示高优先级。
IE6浏览器不认识 !important 。
举例：
正常情况下，写在下面的样式优先级高于上面的样式
demo1{
color:red;
color:green;
}
加了!important 那么它的优先级会比较高，ie6比较傻，不认识。
demo2{
color:red !important;
color:green;
}
但是注意，IE6不认识!important的优先级，但并不代表IE6不认识带!important的样式属性。
demo3{
color:red;
color:green !important;
}

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息