Pseudo-clases

Pseudo-clases estructurales

La pseudo-clase :nth-child

La pseudo-clase :nth-child se especifica con un único argumento, que representa el patrón para los elementos coincidentes.

Valor entero

Representa al elemento indicado por el valor numérico.

Párrafo 1

Párrafo 2

Párrafo 3

Párrafo 4

Párrafo 5

Palabra clave odd

Representa elementos cuya posición numérica en una serie de hermanos es impar: 1, 3, 5, etc.

Párrafo 1

Párrafo 2

Párrafo 3

Párrafo 4

Párrafo 5

Palabra clave even

Representa elementos cuya posición numérica en una serie de hermanos es par: 2, 4, 6, etc.

Párrafo 1

Párrafo 2

Párrafo 3

Párrafo 4

Párrafo 5

Notación funcional (An+B)

Representa elementos cuya posición numérica en una serie de hermanos coincide con el patrón An+B, para cada entero positivo mayor o igual que cero.

Párrafo 1

Párrafo 2

Párrafo 3

Párrafo 4

Párrafo 5

La pseudo-clase :nth-last-child

La pseudo-clase :nth-last-child() de CSS selecciona uno o más elementos en función de su posición entre un grupo de hermanos, contando desde el final.

:nth-last-child se comporta como :nth-child salvo que empieza a contar desde el último hermano. También dispone de las palabras clave odd y even así como de la notación funcional (An+B).