让IE6适用important的留意事项

日期:2020-10-22 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

IE6真的不了解不适用!important吗?回答是:No!

如今举几个事例表明这个难题,下列面的 XHTML 编码为例:

拷贝编码
编码以下:

<ul id="list">
<li class="first">这里是第1写作字</li>
<li>那这里便是第2写作字咯</li>
<li>这里应当是第3行里吧</li>
<li>这里肯定是第4行了</li>
</ul>

第1个事例的 CSS 编码:

拷贝编码
编码以下:

ul{
margin:20px auto;
padding:0;
width:500px;
list-style:none;
line-height:24px;
}
#list li{
color:blue;
}
.first{
color:red !important;
}

在 IE6 里,第1写作字为鲜红色,!important 起功效了。假如 .first 不加 !important ,那末在全部访问器中第1行都显示信息蓝色,由于 #list li 的权重比 .fisrt 高。

第2个事例的 CSS 编码:

拷贝编码
编码以下:

ul{
margin:20px auto;
padding:0;
width:500px;
list-style:none;
line-height:24px;
}
.first{
color:red !important;
}
.first{
color:blue;
}

同上,!important 在 IE6 里见效果了。

再看第3个事例的 CSS 编码:

拷贝编码
编码以下:

ul{
margin:20px auto;
padding:0;
width:500px;
list-style:none;
line-height:24px;
}
.first{
color:red !important;
color:blue;
}

留意: !important 在 IE6 里就不见效果了。

依据上面事例能够得出这么1个结果:在同1个挑选器(即同1个{})内有反复的特性的话,此挑选器内的此特性的 !important 在 IE6 里失效。

因此,其实不能说 IE6 不适用 !important ,只是适用的不足好。