CSS3 :nth-last-of-type()Selector

CSS完整选择器 Manual de referencia completo de selectores CSS

Ejemplos

Especifica el color de fondo para cada elemento p que coincida con el penúltimo elemento hermano del mismo tipo:

p:nth-last-of-type(2)
{
background:#ff0000;
}

Definición y uso

:nth-last-of-type(n) El selector coincide con el enésimo elemento hermano del mismo tipo, contando desde el final.

nPuede ser un número, una palabra clave o una fórmula.

Consejo:Ver también::nth-last-child()Selector. Este selector coincide con el enésimo elemento hijo estructural dentro del elemento padre, contando desde el final.

Soporte del navegador

Los números de la tabla indican la primera versión del navegador que admite esta propiedad.

Selector
:nth-last-of-type()	4.0	9.0	3.5	3.2	9.6

Más ejemplos

Ejemplo 1

Las palabras clave 'odd' y 'even' se pueden utilizar para hacer coincidir los elementos secundarios cuyo índice sea impar o par.

Aquí, especificamos dos colores de fondo diferentes para los elementos p que ocupan una posición impar o par contando desde el final:

p:nth-last-of-type(odd)
{
background:#ff0000;
}
p:nth-last-of-type(even)
{
background:#0000ff;
}

Pruébalo »

Ejemplo 2

Uso de la fórmula (an + b). Descripción: a representa el tamaño de un ciclo, n es un contador (que comienza en 0), y b es el desplazamiento.

Aquí, especificamos un color de fondo para todos los elementos p cuyo índice, en orden inverso, es un múltiplo de 3:

p:nth-last-of-type(3n+0)
{
background:#ff0000;
}