Scribd
Cargar
6 vistas4 páginas

NTH Child

:nth-child() es una pseudo-clase en CSS que selecciona elementos según su posición entre hermanos, comenzando la indexación en 1. Permite seleccionar elementos específicos mediante números, palabras clave (odd/even) o fórmulas matemáticas (An+B). Se pueden usar para patrones complejos, como seleccionar cada tercer elemento o aplicar desplazamientos.

Cargado por

Karla Valeria Carmona Flores
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
6 vistas4 páginas

NTH Child

:nth-child() es una pseudo-clase en CSS que selecciona elementos según su posición entre hermanos, comenzando la indexación en 1. Permite seleccionar elementos específicos mediante números, palabras clave (odd/even) o fórmulas matemáticas (An+B). Se pueden usar para patrones complejos, como seleccionar cada tercer elemento o aplicar desplazamientos.

Cargado por

Karla Valeria Carmona Flores
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Nth-child()

Definición: :nth-child() es una pseudo-clase que selecciona elementos según su


posición dentro de un grupo de hermanos (los hijos de un mismo contenedor).

Indexación: La cuenta empieza en 1 (no en 0).

Donde n puede ser:

• Un número específico (ej. 2 → selecciona el segundo hijo).


• Una palabra clave (odd para impares, even para pares).
• Una fórmula matemática (An+B) para patrones más complejos.
Selecciona cada tercer elemento (3, 6, 9…).

A = intervalo (cada cuántos elementos).

B = desplazamiento inicial.

Ejemplo con desplazamiento:

Selecciona el 1°, 4°, 7°…

ACTIVIDAD
CSS

También podría gustarte