CSS教程:论CSS选择器的浏览器支持


我很久以前就开始计划着整理一下CSS选择器的浏览器支持,因为CSS3增加了很多非常有用的选择器。CSS属性选择器制作个性化链接样式作为对CSS选择器的初步研究。

kimblim网站整理了一份很全面的CSS选择器支持情况,我将其翻译过来并进行进一步的整理,将其尽可能的简化。同时结合evotech网站整理的CSS选择器支持列表,以及我自己平时总结的一些tips。

熟悉jQuery的人可能都知道,jQuery的灵魂就是它的选择器,同样我认为选择器是css最强大的功能之一,在不久的将来也会得到重视。jQuery的选择器功能得益于CSS3选择器提供的灵感,却是目前兼容性和易用性最好的选择器,而CSS的选择器不能普及,就是因为某些浏览器在拖后腿。

综合测试结果,可以得出以下结论:

  1. webkit内核浏览器和Opera浏览器对CSS选择器的支持最好,Chrome所有版本的浏览器均完全支持,Safari3.2版本以上浏览器也完全支持,Opera9.6+浏览器也完全支持CSS选择器;
  2. Safari3.0以下浏览器、Firefox 2.0以下浏览器、IE8基本支持CSS2.1选择器,基本上不支持CSS3选择器。可喜的是IE8浏览器有了里程碑的进步,基本很完全的支持了CSS2.1选择器,但是依然不完全支持伪元素;
  3. IE6是最落后的浏览器,它竟然连CSS1的选择器都不能完全支持!

很多IE6的粉丝朋友常常问我,你为什么那么讨厌IE6,然后我就要费尽口舌的回答他们,现在好了,有了这个表,我们可以理直气壮的BS IE6了!

这个列表还不是最完整的,还有些CSS3的伪元素等没有被列入,我会在适当的时候加进来。同时如果你发现这里有某些错误或者不妥之处,烦请告诉我,我会尽快的更正它,多谢先!


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3