首頁  >  文章  >  web前端  >  IE6也認識!important

IE6也認識!important

巴扎黑
巴扎黑原創
2017-04-05 10:53:441898瀏覽

!important一般用來做區分IE6和Firefox等瀏覽器的基本Hack手法。因為IE6不支援!important,而Firefox能讀懂!important,其改變了樣式的優先權。其實IE6在某些情況下,也能認識!important。

例如:

<style type="text/css">
.demo{
	color:red !important;
	color:green;
}
</style>
<p class="demo">www.admin10000.com</p>

上面程式碼在FF下字體為紅色、IE6下字體為綠色。說明IE6忽視!important的存在。

再來看看:

<style type="text/css"> 
.demo{ color:red !important; } 
.demo { color:green; } 
</style> 
<p class="demo">www.admin10000.com</p>

如果IE6不認!important的話,上面代碼.demo的內容應該顯示為綠色,可偏偏不是,.demo的內容顯示為紅色,說明IE6是認得!important的。

兩種情況的區別就在於:當在一個選擇器中,利用!important改變樣式優先級的時候,IE6下是無效的,後面的樣式覆蓋了前面的,!important被徹底無視了,利用!important進行hack正是利用了這一點。而在不同選擇器中應用!important時,IE6是認得!important的。

相關文件:關於IE6下的CSS多類別選擇符

以上是IE6也認識!important的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn