您的位置：极速下载站→ 资讯首页 → 软件教程 → 软件问答 → 浏览器与CSS选择器完全使用手册

浏览器与CSS选择器完全使用手册

时间：2012-07-17 20:26:47 作者：不思议游戏浏览量：102

在本篇文章中，我们将来对浏览器和CSS选择器做一下介绍，对于浏览器与CSS选择器的对应表了解一下！

1)关于子选择器 ( > )

在ie7+标准模式，chrome，ff下开始支持了。有人说在ie7下，如果父元素与子元素之间有注释的话就会失效，但是我没有发现。

2) 临近兄弟选择器（+）

在ie7+标准模式。chrome，ff下开始支持了。但是，如果父元素与子元素之间有注释的话就会失效。ie8没有。

3）普通兄弟选择器（~）

选择该元素后面的所有兄弟节点，在ie7+标准模式，chrome，ff下支持。它和临近兄弟节点选择器的区别就是，前者就选择后面所有的，不要求相邻，但是后面必须是相邻，且选择一个。

CSS 2.1
↓ Selector / Browser →	IE6	IE7	IE8	IE9 preview	Firefox 3.0.6">FF 3	FF 3.5	FF 3.6	Safari 3	Safari 4	Chrome 5 beta	Opera 9.64">Opera	Opera 10.5 beta
*	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes
E > F	No	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes
E:first-child	No	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes
E:hover	Partial(1)	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes
E:focus	No	No	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes
E + F	No	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes
E[attr]	No	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes
E[attr="name"]	No	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes
E[attr~="name"]	No	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes
E:before	No	No	Yes	Yes	Buggy(4)	Yes	Yes	Yes	Yes	Yes	Yes	Yes
E:after	No	No	Yes	Yes	Buggy(4)	Yes	Yes	Yes	Yes	Yes	Yes	Yes
↑ Selector / Browser →	IE6	IE7	IE8	IE9 preview	FF 3	FF 3.5	FF 3.6	Safari 3	Safari 4	Chrome 5 beta	Opera	Opera 10.5 beta