Pseudoclases estructurales
Parte de la sección Dominio de CSS del Journey de HTML de Coddy. Lección 12 de 43.
Las pseudoclases estructurales en CSS se utilizan para aplicar estilos a los elementos según su posición o estructura dentro del documento HTML. Permiten seleccionar elementos como el primer elemento secundario, el último elemento secundario o elementos secundarios numerados específicos sin necesitar clases ni ID adicionales.
Los ejemplos comunes incluyen:
:first-child: selecciona el primer hijo de un elemento principal.
:last-child: selecciona el último hijo de un elemento padre.:nth-child(n): selecciona el enésimo hijo (p. ej., cada 2.º, 3.º, etc.).
Pruébalo tú mismo
Esta lección no incluye un desafío de código.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Dominio de CSS
1Dominio de selectores – Combinación
IntroducciónSelector de descendienteSelector de hijoSelector de hermano adyacenteSelector de hermano generalDesafío de repaso2Pseudoclases interactivas
PseudoclasesEfectos de hoverEfectos de focusEstilos de estado activoDesafío de repaso3Pseudoclases estructurales
Pseudoclases estructuralesSeleccionando el primer hijoSeleccionando el último hijoEl poder de los patrones: Usando nth-childDesafío de repasoPractica por tu cuenta: Playground de Web