:nth-last-of-type()
La pseudo-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.
css
/* 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-clase nth-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 item
Ejemplo
HTML
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
css
span:nth-last-of-type(2) {
background-color: lime;
}
Resultado
Especificaciones
Specification |
---|
Selectors Level 4 # nth-last-of-type-pseudo |
Compatibilidad con navegadores
BCD tables only load in the browser