讓IE6支持important的注意事項

2024-07-11 08:28:19

字體：大中小

來源：轉載

供稿：網友

IE6真的不認識不支持!important嗎？答案是:No!

現在舉幾個例子說明這個問題，以下面的 XHTML 代碼為例：

復制代碼

代碼如下:
<ul id="list">
<li class="first">這里是第一行文字</li>
<li>那這里就是第二行文字咯</li>
<li>這里應該是第三行里吧</li>
<li>這里絕對是第四行了</li>
</ul>

第一個例子的 CSS 代碼：

復制代碼

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

在 IE6 里，第一行文字為紅色，!important 起作用了。如果 .first 不加 !important ，那么在所有瀏覽器中第一行都顯示藍色，因為 #list li 的權重比 .fisrt 高。

第二個例子的 CSS 代碼：

復制代碼

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

同上，!important 在 IE6 里起效果了。

再看第三個例子的 CSS 代碼：

復制代碼

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

注意： !important 在 IE6 里就不起效果了。

根據上面例子可以得出這么一個結論：在同一個選擇器(即同一個{})內有重復的屬性的話，此選擇器內的此屬性的 !important 在 IE6 里無效。

所以，并不能說 IE6 不支持 !important ，只是支持的不夠好。

學習交流

如何查找有故障的配件

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

2024-06-26 22:28:41

2024-06-26 22:26:16

2024-06-26 22:23:01

2024-06-25 19:29:23

2024-06-25 19:22:14

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本