Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
:nth-last-of-type()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.
Lapseudo-clase:nth-last-of-type()CSS coincide con uno o más elementos de un tipo dado, en función de su posición entre un grupo de hermanos, contando desde el final.
/* Selecciona cada cuarto elementos <p> entre cualquier grupo de hermanos, contando hacia atrás desde el último */p:nth-last-of-type(4n) { color: lime;}Nota:Esta pseudo-clase es esencialmente la misma que:nth-of-type, excepto que cuenta los elementos hacia atrás desde el final, no hacia adelante desde el principio.
Sintaxis
La pseudo-clasenth-last-of-type se especifica con un solo argumento, que representa el patrón para los elementos coincidentes, contando desde el final.
Ver:nth-last-child para una explicación más detallada de su sintaxis.
Sintaxis formal
Error: could not find syntax for this itemEjemplo
HTML
<div> <span>Este es un span.</span> <span>Este es otro span.</span> <em>Esto esta enfatizado.</em> <span>¡Guauu, este span se pone color lima!</span> <strike>Esto está tachado.</strike> <span>Aquí hay un último span.</span></div>CSS
span:nth-last-of-type(2) { background-color: lime;}Resultado
Especificaciones
| Specification |
|---|
| Selectors Level 4 # nth-last-of-type-pseudo |