Índice

Pseudoclases de selección

:root

Representa el elemento raíz o el elemento en el nivel más alto del documento. Por ejemplo, en HTML5, la etiqueta <html>.

:empty

Corresponde a los elementos vacíos y que no tienen hijos.

:only-child

Devuelve el hijo único. Este elemento no tiene elementos hermanos.

:first-child

Selecciona el primer elemento hijo.

:last-child

Selecciona el último elemento hijo.

:nth-child(n)

Designa el enésimo elemento hijo, donde n es un número o bien las palabras claves even (pares) y odd (impares).

:nth-last-child(n)

Selecciona el enésimo hijo a partir del último elemento. 

:only-of-type

Devuelve el único elemento de este tipo.

:first-of-type

Representa el primer elemento de este tipo.

:last-of-type

Representa el último elemento de este tipo.

:nth-of-type(n)

Designa el enésimo elemento de este tipo, donde n es un número o bien las palabras claves even (pares) y odd (impares).

:nth-last-of-type(n)

Selecciona el enésimo elemento de este tipo partiendo del último elemento.

Estos selectores están implementados en Firefox 3.6+, Safari 5+, Chrome 7+, Opera 10.6+ e Internet Explorer 9+.

La numeración de n comienza en 1 y no en 0, como en JavaScript.

Ejemplos

Los ejemplos se basan en el documento HTML5 siguiente. Comprende una etiqueta padre <ul> y cinco etiquetas hijas <li>.

<!DOCTYPE html>  
<html lang="es">  
<head>  
   <title>Html5</title>   ...