Selectores avanzados CSS

Los siguientes selectores CSS son soportados por IE9 y posteriores (a parte de Safari, Chrome y Firefox):

p::first-letter { /* Selecciona la primera letra de un párrafo */ }

p::first-line { /* Selecciona la primera línea de un párrafo */ }

.elem:first-child { /* Selecciona el primer elemento */ }

.elem:last-child { /* Selecciona el último elemento */ }

.elem:nth-child(odd) { /* Selecciona los elementos pares */ }

.elem:nth-child(6) { /* Selecciona el sexto elemento */ }

.elem:not(:empty) { /* Selecciona el elemento que NO esté vacío */ }

.elem[data-foo=bar1] { /* Selecciona el elemento con el atributo data-foo="bar1" */ }

.elem[data-foo=bar2] + .elem { /* Selecciona el elemento que sigue al elemento con el atributo data-foo="bar2" */ }

¿Hablamos?

ir arriba