Ya que Últimamente Internet Explorer 6 esta siendo decantado por la mayoría de los usuarios, hay selectores de css2 que podes hacer uso habitual solucionando o haciéndonos mas fácil la vida del maquetador!
| Sintaxis | Descripción | ie6 | ie7 | ie8 |
|---|---|---|---|---|
| A > B | Elementos B que sean hijos de X Ejemplo: h1>p{ color:#FF0000; } Todos los parrafos que esten luego de un titulo seran de color rojo. |
No | Si | Si |
| .clase1.clase2.clase3 | Utilizacion de multiples clases. Ejemplo: <p class=”clase1 clase2 clase3″>Hola</p> |
No | Si | Si |
| A[href] | Elementos que tengan el atributo especificado Ejemplo: <a href=”xxx”> |
No | Si | Si |
| A+B | Este a diferecnia de A>B aplica los cambios solo al primer hermano. Ejemplo: h1+p{ color:#FF0000; } Solo sera rojo el primer parrafo despues de un titulo |
No | Si | Si |
| A:hover B | Elemento y hijo de X en el momento del over sobre éste. Ejemplo: tr:Hover td{ |
No | Si | Si |
| X:first-child:hover | Se aplica al situarse sobre el primer elemento hijo de X td:first-child:hover{ Color:#FF0000; } |
No | Si | Si |
| X:hover | Se aplica al situarse sobre el elemento Ejemplo: a:hover{ Color:#FF0000; } |
No | Si | Si |
| X:first-child | Elemento X que es el primer hijo de su elemento padre tr td:first-child{ Color:#FF0000; } |
No | Si | Si |
| X:focus | Elementos que estén en foco a:focus{ Color:#FF0000; } |
No | No | Si |
| #X:before #X:after |
Generan contenido antes o después del elemento X | No | No | Si |
