1、基本选择器

选择器 IE firefox chrome opera safari
* [通配符选择器] ok ok ok ok ok
E [元素选择器] ok ok ok ok ok
#id [ID选择器] ok ok ok ok ok
.class [类选择器] ok ok ok ok ok
selector1,selectorN [群组选择器] ok ok ok ok ok

2、层次选择器

选择器 IE firefox chrome opera safari
E F [后代选择器] ok ok ok ok ok
E>F [子选择器] ok 7+ ok ok ok ok
E+F [下一个弟弟] ok 7+ ok ok ok ok
E~F [所有的弟弟] ok 7+ ok ok ok ok

3、动态伪类选择器

选择器 IE firefox chrome opera safari
E:link [链接伪类选择器,未访问] ok ok ok ok ok
E:visited [链接伪类选择器,已访问] ok ok ok ok ok
E:active [行为之元素激活] ok 8+ ok ok ok ok
E:hover [行为之鼠标停留] ok ok ok ok ok
E:focus [行为之获取焦点] ok 8+ ok ok ok ok

4、目标伪类选择器

选择器 IE firefox chrome opera safari
E:target [目标伪类选择器] ok 9+ ok ok ok 9.6+ ok

5、UI元素状态伪类选择器

选择器 IE firefox chrome opera safari
E:checked [选中状态] ok 9+ ok ok ok ok
E:enabled [启用状态] ok 9+ ok ok ok ok
E:disabled [不可用状态] ok 9+ ok ok ok ok

6、结构伪类选择器

选择器 IE firefox chrome opera safari
E:first-child [第一个子元素] ok 9+ ok ok ok ok
E:last-child [最后一个子元素] ok 9+ ok ok ok ok
E F:nth-child(n) [E下的第n个子元素F] 注:n从1开始,可以是数字,也可以是even、odd,还可以是公式:2n/2n+1/n+5(从第五个开始)/-n+5(第一个到第五个)… ok 9+ ok ok ok ok
E F:nth-last-child(n) [选择倒数第n个] ok 9+ ok ok ok ok
E:root [E所在文档的根元素,HTML中根元素永远是HTML] ok 9+ ok ok ok ok
E:only-child [只有一个子元素] ok 9+ ok ok ok ok
E:empty [一个子元素都没有的] ok 9+ ok ok ok ok

7、否定伪类选择器

选择器 IE firefox chrome opera safari
E:not(F) [匹配除了F外的E元素] ok 9+ ok ok ok ok

8、属性选择器

选择器 IE firefox chrome opera safari
E[attr] [具有attr属性的元素] ok 7+ ok ok ok ok
E[attr=val] [attr属性等于val的元素] ok 7+ ok ok ok ok
E[attr|=val] [attr具有val或者以val-开始的元素] ok 7+ ok ok ok ok
E[attr~=val] [attr具有多个空格分开的值，其中有一个是val的元素] ok 7+ ok ok ok ok
E[attr*=val] [attr包含val的元素] ok 7+ ok ok ok ok
E[attr^=val] [attr以val开头的元素] ok 7+ ok ok ok ok
E[attr$=val] [attr以val结尾的元素] ok 7+ ok ok ok ok