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