下面是一系列关于最流行的浏览器对CSS选择器和伪选择器的支持情况的测试。

CSS 1
↓ 选择器 /
浏览器 →
IE6IE7 FF 2 Safari 3.0 Chrome 2 Opera
↑ 选择器 /
浏览器 →
IE6IE7 FF 2 Safari 3.0 Chrome 2 Opera
EYESYESYESYESYESYES
E FYESYESYESYESYESYES
:linkYESYESYESYESYESYES
E:activeYESYESYESYESYESYES
:visitedYESYESYESYESYESYES
E:first-lineNOYESYESYESYESYES
E:first-letterNOYESYESYESYESYES
E.classnameYESYESYESYESYESYES
E#idYESYESYESYESYESYES
.classname.classnameNOYESYESYESYESYES
CSS 2.1
↓ 选择器 /
浏览器 →
IE6IE7IE8 FF 2 Safari 3.0Safari 3.2 Chrome 2 Opera
↑ 选择器 /
浏览器 →
IE6IE7IE8 FF 2 Safari 3.0Safari 3.2 Chrome 2 Opera
*YESYESYESYESYESYESYESYES
E > FNOYESYESYESYESYESYESYES
E:first-childNOYESYESYESYESYESYESYES
E:hoverPARTIAL (1)YESYESYESYESYESYESYES
E:focusNONOYESYESYESYESYESYES
E FNOYESYESYESYESYESYESYES
E[attr]NOYESYESYESYESYESYESYES
E[attr="name"]NOYESYESYESYESYESYESYES
E[attr~="name"]NOYESYESYESYESYESYESYES
E:beforeNONOYESYESYESYESYESYES
E:afterNONOYESYESYESYESYESYES
CSS 3
↓ 选择器 /
浏览器 →
IE6IE7IE8IE9 FF 3FF 3.5 Safari 3.0Safari 3.2 Chrome 2Opera
↑ 选择器 /
浏览器 →
IE6IE7IE8IE9 FF 3FF 3.5 Safari 3.0Safari 3.2 Chrome 2Opera
E ~ FNOYESYESYESYESYESYESYESYESYES
E[attr^="name"]NOYESYESYESYESYESYESYESYESYES
E[attr$="name"]NOYESYESYESYESYESYESYESYESYES
E[attr*="name"]NOYESYESYESYESYESYESYESYESYES
E[attr|="name"]NOYESYESYESYESYESYESYESYESYES
E:rootNONONOYESYESYESYESYESYESYES
E:nth-of-typeNONONOYESNOYESNOYESYESYES
E:nth-last-of-typeNONONOYESNOYESNOYESYESYES
E:first-of-typeNONONOYESNOYESYESYESYESYES
E:last-of-typeNONONOYESNOYESNOYESYESYES
E:only-of-typeNONONOYESNOYESNOYESYESYES
E:only-childNONONOYESYESYESNOYESYESYES
E:last-childNONONOYESYESYESNOYESYESYES
E:nth-childNONONOYESNOYESNOYESYESYES
E:nth-last-childNONONOYESNOYESNOYESYESYES
E:emptyNONONOYESYESYESYESYES (3)YESYES
E:targetNONONOYESYESYESYESYESYESYES
E:checkedNONONOYESYESYESYESYESYESYES
E:selectionNONONOYESYES
只支持-MOZ-
YES
只支持-MOZ-
YESYESYESYES
E:enabledNONONOYESYESYESYESYESYESYES
E:disabledNONONOYESYESYESYESYESYESYES
E:not(s)NONONOYESYESYESYESYESYESYES
  1. :hover 在IE6中只有a元素可用。

  2. E:empty 貌似在webkit核心浏览器中有些小bug。

  3. 如果这个bug依然存在,不太确定如何测试。

  4. IE6不支持.class1{}.class2{}双类选择器。

IE8注意事项:

IE8中的IE7兼容模式

Safari/Chrome