Ejemplo
Seleccione cada <p> elemento que es el tercer hijo de su padre, a contar desde el último hijo:
$("p:nth-last-child(3)") Inténtalo tú mismo " Definición y Uso
El :nth-last-child( n ) selector selecciona todos los elementos que son el n th hijo, independientemente del tipo, de su padre, a contar desde el último niño.
Consejo: Utilice el :nth-last-of-type() selector para seleccionar todos los elementos que son el n th hijo, de un tipo particular, de su padre, a contar desde el último niño.
Sintaxis
:nth-last-child( n |even|odd| formula )| Parámetro | Descripción |
|---|---|
| n | El índice de cada niño para que coincida. Tiene que ser un número. El primer elemento tiene el número de índice 1. |
| even | Selecciona cada uno even elemento hijo |
| odd | Selecciona cada una odd elemento hijo |
| formula | Especifica el niño element(s) a ser elegidos de fórmula ( an + b ) . Ejemplo: p:nth-last-child(3n+2) selecciona cada 3er párrafo, comenzando en el último segundo hijo |
Inténtelo usted mismo - Ejemplo
Seleccione cada <p> elemento que es el primer hijo de todos <div> elemento, a contar desde el último hijo
Cómo seleccionar un <p> elemento que es el primer hijo de todos los <div> elementos, a contar desde el último niño.
El uso de una fórmula (an + b)
Cómo utilizar una fórmula ( an + b ) para seleccionar los diferentes elementos secundarios, a contar desde el último niño.
El uso de "even" y "odd"
Cómo utilizar pares e impares para seleccionar diferentes elementos secundarios, a contar desde el último niño.
Diferencia entre :nth-child(), :nth-last-child(), :nth-of-type() y :nth-of-last-type()
La diferencia entre p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) y p:nth-of-last-type(2) .