Ejemplo
Seleccione cada <p> elemento que es el tercer <p> elemento de su padre, a contar desde el último hijo:
$("p:nth-last-of-type(3)") Inténtalo tú mismo " Definición y Uso
El :nth-last-of-type( n ) selector selecciona todos los elementos que son la enésima niño, de un tipo particular, de su padre, a contar desde el último niño.
Consejo: Utilice el :nth-last-child() selector para seleccionar todos los elementos que son el n th hijo, independientemente del tipo, de su padre, a contar desde el último niño.
Sintaxis
:nth-last-of-type( 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 párrafo |
Inténtelo usted mismo - Ejemplo
Seleccione cada <p> elemento que es el primer <p> elemento> de todos <div> elemento, a contar desde el último hijo
Cómo seleccionar cada <p> elemento que es el primer <p> elemento de todos los <div> elementos, a contar desde el último niño.
El uso de una fórmula (a + b)
Cómo utilizar una fórmula (a + b) para seleccionar diferentes <p> elementos, a contar desde el último niño.
El uso de "even" y "odd"
Cómo utilizar pares e impares para seleccionar diferentes <p> elementos, 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) .