Pseudoclases :first-child y :last-child

Las pseudoclases se añaden a los selectores para hacerlos todavía más precisos y potentes. Si un selector normal es una mira de precisión, con una pseudoclase se convierte en una mira de visión nocturna.

Una pseudoclase se añade al selector con el símbolo :, así: selector:pseudoclase. Por ejemplo:

a:visited { ... }
li:last-child { ... }
.alert:hover { ... }

Empezaremos por las pseudoclases :first-child y :last-child.

La pseudoclase :first-child selecciona al primer hijo de un elemento padre, y :last-child, al último. Por ejemplo:

li:last-child { ... }

Este selector selecciona el último elemento de la lista.