Comparativa de selectores CSS3 en distintos navegadores

La tabla de más abajo no es más que un resumen que he realizado después de comprobar como los selectores de CSS se comportan con los distintos navegadores.

Para la comprobación he utilizado la herramienta de herramienta de css3.info.

Selectores / Navegadores FF2 IE7 IE6 OPERA9 SAFARI2
* Si
E Si
.class Si Bug
#id Si
E F Si
E > F Si No
E + F Si No
E[attribute] Bug No
E[attribute=value] Bug Si No Bug Bug
E[attribute~=value] Bug Bug No Bug
E[attribute|=value] Bug Bug No Bug
:first-child Bug Bug No Bug Bug
:link Si
:visited Si
:lang() No No Bug
:before No No
::before No No
:after No No
::after No No
:first-letter Si
::first-letter No
:first-line Si
::first-line No
E[attribute^=value] Bug No No No Bug
E[attribute$=value] Bug No No No Bug
E[attribute*=value] Bug No No No Bug
E ∼ F Si No No No
:root No No No
:last-child Bug No No No No
:only-child Bug No No No No
:nth-child() No No No No No
:nth-last-child() No No No No No
:first-of-type No No No No No
:last-of-type No No No No No
:only-of-type No No No No No
:nth-of-type() No No No No No
:nth-last-of-type() No No No No No
:empty Bug No No No No
:not() No No No
:target No No No
:enabled No No Si No
:disabled No No Si No
:checked No No Si No

Technorati Tags , ,

Comenta!!

Puedes usar estas etiquetas XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>