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
Última actualización por:
MarkelCuesta,