1)关于子选择器 ( > )
在ie7+标准模式,chrome,ff下开始支持了。有人说在ie7下,如果父元素与子元素之间有注释的话就会失效,但是我没有发现。
2) 临近兄弟选择器(+)
在ie7+标准模式。chrome,ff下开始支持了。但是,如果父元素与子元素之间有注释的话就会失效。ie8没有。
3)普通兄弟选择器(~)
选择该元素后面的所有兄弟节点,在ie7+标准模式,chrome,ff下支持。它和临近兄弟节点选择器的区别就是,前者就选择后面所有的,不要求相邻,但是后面必须是相邻,且选择一个。
CSS 2.1
* |
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 |
↑ 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 |
CSS 3
E ~ F |
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[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:root |
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
E:nth-of-type |
No
No
No
Yes
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
E:nth-last-of-type |
No
No