Ejemplo
Seleccione cada elemento <p> que es la tercera <p> elemento de su padre:
$("p:nth-of-type(3)") Inténtalo tú mismo " Definición y Uso
El :nth-of-type( n ) selector selecciona todos los elementos que son el n th hijo, de un tipo particular, de su padre.
Consejo: Utilice el :nth-child() selector para seleccionar todos los elementos que son el n th hijo, independientemente del tipo, de sus padres.
Sintaxis
:nth-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 elemento secundario, incluso |
| odd | Selecciona cada elemento extraño niño |
| formula | Especifica qué elemento (s) hijo a ser elegidos de fórmula ( an + b ) . Ejemplo: p:nth-of-type(3n+2) selecciona cada tercera párrafo, comenzando en el segundo párrafo |
Inténtelo usted mismo - Ejemplo
Seleccione cada <p> elemento que es el segundo <p> elemento de todos los <div> elementos
Cómo seleccionar cada <p> elemento que es el segundo <p> elemento de todos los <div> elementos.
El uso de una fórmula (a + 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 :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) .