浏览器与CSS选择器具体对应表
时间：2022-09-06 14:41:26
核心提示：在本篇文章中，我们将来对浏览器和CSS选择器做一下介绍，对于浏览器与CSS选择器的对应表了解一下!
在本篇文章中，我们将来对浏览器和CSS选择器做一下介绍，对于浏览器与CSS选择器的对应表了解一下！
1)关于子选择器 ( > )
在ie7+标准模式，chrome，ff下开始支持了。有人说在ie7下，如果父元素与子元素之间有注释的话就会失效，但是我没有发现。
2) 临近兄弟选择器（+）
在ie7+标准模式。chrome，ff下开始支持了。但是，如果父元素与子元素之间有注释的话就会失效。ie8没有。
3）普通兄弟选择器（~）
选择该元素后面的所有兄弟节点，在ie7+标准模式，chrome，ff下支持。它和临近兄弟节点选择器的区别就是，前者就选择后面所有的，不要求相邻，但是后面必须是相邻，且选择一个。
CSS 2.1*YesYesYesYesYesYesYesYesYesYesYesYesE > FNoYesYesYesYesYesYesYesYesYesYesYesE:first-childNoYesYesYesYesYesYesYesYesYesYesYesE:hoverPartial(1)YesYesYesYesYesYesYesYesYesYesYesE:focusNoNoYesYesYesYesYesYesYesYesYesYesE + FNoYesYesYesYesYesYesYesYesYesYesYesE[attr]NoYesYesYesYesYesYesYesYesYesYesYesE[attr="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr~="name"]NoYesYesYesYesYesYesYesYesYesYesYesE:beforeNoNoYesYesBuggy(4)YesYesYesYesYesYesYesE:afterNoNoYesYesBuggy(4)YesYesYesYesYesYesYes↓ Selector / Browser →IE6IE7IE8IE9 previewFF 3FF 3.5FF 3.6Safari 3Safari 4Chrome 5 betaOperaOpera 10.5 beta↑ Selector / Browser →IE6IE7IE8IE9 previewFF 3FF 3.5FF 3.6Safari 3Safari 4Chrome 5 betaOperaOpera 10.5 betaCSS 3E ~ FNoYesYesYesYesYesYesYesYesYesYesYesE[attr^="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr$="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr*="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr|="name"]NoYesYesYesYesYesYesYesYesYesYesYesE:rootNoNoNoYesYesYesYesYesYesYesYesYesE:nth-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:nth-last-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:first-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:last-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:only-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:only-childNoNoNoYesYesYesYesYesYesYesYesYesE:last-childNoNoNoYesYesYesYesYesYesYesYesYesE:nth-childNoNoNoYesNoYesYesYesYesYesYesYesE:nth-last-childNoNoNoYesNoYesYesYesYesYesYesYesE:emptyNoNoNoYesYesYesYesBuggy(2)Yes (3)YesYesYesE:targetNoNoNoYesYesYesYesYesYesYesYesYesE:checkedNoNoNoYesYesYesYesYesYesYesYesYesE::selectionNoNoNoYesNoNoNoYesYesYesYesYesE:enabledNoNoNoYesYesYesYesYesYesYesYesYesE:disabledNoNoNoYesYesYesYesYesYesYesYesYesE:not(s)NoNoNoYesYesYesYesYesYesYesYesYes↓ Selector / Browser →IE6IE7IE8IE9 previewFF 3FF 3.5FF 3.6Safari 3Safari 4Chrome 5 betaOperaOpera 10.5 beta↑ Selector / Browser →IE6IE7IE8IE9 previewFF 3FF 3.5FF 3.6Safari 3Safari 4Chrome 5 betaOperaOpera 10.5 beta 1.:hover 在IE6中只有a元素可用。
2.E:empty 貌似在webkit核心浏览器中有些小bug。
3.如果这个bug依然存在，不太确定如何测试。
4.IE6不支持.class1.class2双类选择器。
IE8注意事项：
E[attr]选择器在值为空的时候或者写错的时候，将不会生效;
IE8支持CSS2.1的所有属性，支持伪类，但是不支持伪元素。
IE8中的IE7兼容模式
E[attr] 和IE8一样，值为空或写错的时候，无效;
E[attr~=val]这里唯一需要注意的是，属性的值，区分大小写;
E[attr|=val]IE7有一些大小写敏感的问题，但是通常可以正常使用;
:first-child IE7 会将一个注释或者文字节点当成first-child，而不是只有元素才是“子”元素。所以，如果在第一个子元素前有注释或文字，IE7会匹配之而不是去匹配第一个子元素。
Safari/Chrome
Safari3.2(事实上可以追溯到3.1)以上的版本已经完全的支持所有CSS选择器了。
Safari3.0基本上对CSS 2的选择器支持很好，但不支持CSS3大部分新增的选择器，而且对属性选择器的支持不是很完整。
iPhone中的Safari有3.0和3.2两个版本，对CSS的支持情况与PC/Mac版的支持情况一致。
Android系统自带的浏览器基本上也是基于webkit核心的，其对于CSS选择器的支持情况待测。
在360安全浏览器中，有个跨屏浏览功能，该功能支持将电脑网页上的内容发送到手机上，实现跨屏浏览。不过，尽管跨屏浏览功能很强大，但不需要用到的用户表示总是会不小心点到，这让用户很苦恼。那么，360安全浏览器跨屏浏览怎么关闭呢？下面，我们就一起往下看看吧！
自从微软使用edge浏览器替换IE浏览器之后，就导致许多网站无法打开。因为这些网站是基于IE浏览器设计打造，许多功能不支持最新的edge浏览器，那么除了装win7或更早的系统还有什么办法呢？下面小编就为大家具体讲解一下！
有的win10用户只要一开机电脑就会自动打开浏览器，这是怎么回事呢？应该怎么办？一开机就自动打开浏览器是因为该浏览器是你的开机自启项目，大家只要将它关闭就可以了，具体操作为
UC作为比较火的手机浏览器，有不少人想要把视频发到UC浏览器上。那么UC怎么发小视频呢？下面小编就为大家详细的介绍一下，大家感兴趣的话就一起来了解下吧！
IE浏览器这个让人又爱又恨的浏览器，很多人看它很碍眼，想将其删掉，有些网站在IE浏览器上都运行不了，那就可以尝试卸载回滚IE，那么下面小编就来教教大家如何卸载掉IE浏览器。
小伙伴们你们知道夸克浏览器下载文件在哪里呢?今天小编很乐意与大家分享夸克浏览器查看下载文件的方法，感兴趣的可以来了解了解哦。
海鹦浏览器是一款小而强大的手机浏览器，其最大的优点就是浏览速度超快，并且没有广告小窗口，视频、新闻、图片、小说漫画等极速观看。
蝴蝶浏览器,蝴蝶浏览器是一款小巧、轻快的浏览器，简约的界面，高速组件+自带IE高级内核为你提供便捷、快速的网页浏览体验！非常实用，欢迎下载,您可以免费下载。
阿猫浏览器app下载-阿猫浏览器app是一款强大的手机浏览器软件，这个浏览器的功能丰富，各种影视内容，游戏，软件，音乐等都可以在这里快速的搜到，而且app上没有任何的广告，用户用起来会非常的舒适，有兴趣的朋友快来下载吧。，您可以免费下载安卓手机阿猫浏览器。
搜狗高速浏览器是一款完美融合了全球最快的Webkit内核和兼容性最佳的IE内核，能够在为用户保证良好兼容性的同时极大提升网页浏览速度的高速浏览器。
风之影浏览器是一个高速智能而且功能强大的免费浏览器。风之影浏览器使用Blink渲染引擎，建立于开源的Chromium项目之上。风之影集成了诸多强大而且方便的功能帮助用户提高在线工作的效率和娱乐的体验。
