CSS选择器的浏览器支持

2016-02-19 15:15 5 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐CSS选择器的浏览器支持,赶紧看过来吧!

【 tulaoshi.com - Web开发 】

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

webkit内核浏览器和Opera浏览器对CSS选择器的支持最好,Chrome所有版本的浏览器均完全支持,Safari3.2版本以上浏览器也完全支持,Opera9.6+浏览器也完全支持CSS选择器;
Safari3.0以下浏览器、Firefox 2.0以下浏览器、IE8基本支持CSS2.1选择器,基本上不支持CSS3选择器。可喜的是IE8浏览器有了里程碑的进步,基本很完全的支持了CSS2.1选择器,但是依然不完全支持伪元素;
IE6是最落后的浏览器,它竟然连CSS1的选择器都不能完全支持!
很多IE6的粉丝朋友常常问我,你为什么那么讨厌IE6,然后我就要费尽口舌的回答他们,现在好了,有了这个表,我们可以理直气壮的BS IE6了!

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

PS:update @ 2009-08-21 CSS选择器支持页面暂时更改,待完善后会我重新发布。

来源:http://www.tulaoshi.com/n/20160219/1609222.html

延伸阅读
标签: Web开发
去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记。 这几天拿出来看了一下,发现很多都忘记了。所以,我决定把它们贴在这里,方便以后查看。这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步。 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2...
标签: Web开发
上节课我们讲了一下CSS通过什么方式去控制页面,如果不记得,我来帮大家回忆一下,总共有四种方式行内方式、内嵌方式、链接方式、导入方式,大家通过这四种方式就可以实现CSS对HTML页面样式的控制,如果要让这些样式对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,HTML页面中的元素就是通过CSS选择器进行控...
标签: Web开发
别误会,IE是不支持CSS3高级选择器,包括最新的IE8(详见《CSS选择器的浏览器支持》),但是CSS选择器的确是很有用的,它可以大大的简化我们的工作,提高我们的代码效率,并让我们很方便的制作高可维护性的页面。 然而IE对高级CSS选择器特别是CSS3选择器的支持让我们一直不能将CSS选择器推广应用。不过,虽然我们无法左右浏览器的市场份额...
标签: Web开发
AJAX-浏览器支持 AJAX的要点是XMLHttpRequest对象。 不同的浏览器创建XMLHttpRequest对象的方法是有差异的。 IE浏览器使用ActiveXObject,而其他的浏览器使用名为XMLHttpRequest的JavaScript内建对象。 如需针对不同的浏览器来创建此对象,我们要使用一条"tryandcatch"语句。您可以在我们的JavaScript教程...
CSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。但是尽管事实上,我们每个人也都意识到了它是有用的,CSS 选择器远未发挥它们的潜力,有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的HTML搞的很凌乱。 避免让这些瘟疫在你的标签中传播并保持其简洁...

经验教程

148

收藏

10
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部