:last-child

Resumen

La pseudo-clase CSS :last-child representa cualquier elemento que es el último hijo de un elemento padre.

Sintaxis

:last-child { propiedades de estilo}

Ejemplo

Contenido HTML

<ul>
  <li>Este ítem no es de color verde limon.</li>
  <li>Este ítem si lo es! :)</li>
</ul>

Contenido CSS

li:last-child { 
  background-color: lime;
}

Resultado

Especificaciones

Especificación Estado Comentario
Selectors Level 4
The definition of ':last-child' in that specification.
Working Draft Sin cambio.
Selectors Level 3
The definition of ':last-child' in that specification.
Recommendation Definición inicial.

Compatibilidad de navegadores

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte Básico 1.0 1.0 (1.7 or earlier) 9.0 9.5 3.2
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte Básico 2.1 1.0 (1) 9.0 10.0 3.2

Ver también

Etiquetas y colaboradores del documento

 Colaboradores en esta página: MarkelCuesta, carloque, teoli, ccarruitero, percy@mozilla.pe
 Última actualización por: MarkelCuesta,