Ejemplo
Especificar un color de fondo para cada <p> elemento que es el segundo hijo de su padre, a contar desde el último hijo:
p:nth-last-child(2)
{
background: #ff0000;
}
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El :nth-last-child( n ) selector equivale a todos los elementos que es el n º niño, independientemente del tipo, de su padre, a contar desde el último niño.
n puede ser un número, una palabra clave o una fórmula.
Tip: Mira el :nth-last-of-type() selector para seleccionar el elemento que es el n º niño, of a specified type , de su padre, a contar desde el último niño.
| Versión: | CSS3 |
|---|
Soporte para el navegador
Los números de la tabla especifica la primera versión del navegador que es totalmente compatible con el selector.
| Selector | |||||
|---|---|---|---|---|---|
| :nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
sintaxis CSS
Más ejemplos
Ejemplo
Pares e impares son palabras clave que se pueden utilizar para que coincida con elementos secundarios cuyo índice es par o impar.
A continuación, especificamos dos colores de fondo diferentes para p elementos pares e impares, contando desde el último hijo:
p:nth-last-child(odd)
{
background: #ff0000;
}
p:nth-last-child(even)
{
background: #0000ff;
}
Inténtalo tú mismo " Ejemplo
El uso de una fórmula ( an + b ) . Descripción: a representa un tamaño de ciclo, n es un contador (starts at 0) , y b es un valor de desplazamiento.
A continuación, se especifica un color de fondo para todos los p elementos cuyo índice es un múltiplo de 3, a contar desde el último hijo:
p:nth-last-child(3n+0)
{
background: #ff0000;
}
Inténtalo tú mismo "