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

xuzubao

xuzubao

2016-02-19 23:57

今天图老师小编给大家精心推荐个CSS教程:论CSS选择器的浏览器支持教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

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

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

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

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

css-selector

(本文来源于图老师网站,更多请访问https://m.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了!

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

展开更多 50%)
分享

猜你喜欢

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

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

CSS选择器的浏览器支持

Web开发
CSS选择器的浏览器支持

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS:浏览器特定选择器介绍

Web开发
CSS:浏览器特定选择器介绍

CSS教程:简化CSS选择器

Web开发
CSS教程:简化CSS选择器

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程:驯服CSS选择器

Web开发
CSS教程:驯服CSS选择器

最新版本的CSS选择器浏览器支持情况

Web开发
最新版本的CSS选择器浏览器支持情况

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS教程:通过实例学习CSS布局网页

CSS教程:通过实例学习CSS布局网页

文件恢复器标准恢复功能的介绍及使用

文件恢复器标准恢复功能的介绍及使用
下拉加载更多内容 ↓