Rumah >hujung hadapan web >html tutorial >IE6也认识!important

IE6也认识!important

巴扎黑
巴扎黑asal
2017-04-05 10:53:441938semak imbas

!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多类选择符

Atas ialah kandungan terperinci IE6也认识!important. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:IE浏览器条件注释的详解Artikel seterusnya:10个易犯的HTML标签错误