Ejemplo
Seleccione cada <p> elemento que es el tercer hijo de su padre:
$("p:nth-child(3)") Inténtalo tú mismo " Definición y Uso
El :nth-child( n ) selector selecciona todos los elementos que son el nth hijo, independientemente del tipo, de sus padres.
Consejo: Utilice el :nth-of-type() selector para seleccionar todos los elementos que son el n th hijo, de un tipo particular, de su padre.
Sintaxis
:nth-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 qué elemento (s) hijo a ser elegidos de fórmula ( an + b ) . Ejemplo: p:nth-child(3n+2) selecciona cada 3er párrafo, comenzando en el segundo elemento hijo |
Inténtelo usted mismo - Ejemplo
Seleccione cada <p> elemento que es el segundo hijo de todos los <div> elementos
Cómo seleccionar cada <p> elemento que es el segundo hijo de todos los <div> elementos.
El uso de una fórmula (an + b)
Cómo utilizar una fórmula ( an + b ) para seleccionar los diferentes elementos secundarios.
El uso de "even" y "odd"
Cómo utilizar pares e impares para seleccionar diferentes elementos secundarios.
Diferencia entre :nth-child() , :nth-last-child() , :nth-of-type() y: de tipo enésimo-de-last ()
La diferencia entre p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) y p:nth-of-last-type(2) .