Introducción
Parte de la sección Dominio de CSS del Journey de HTML de Coddy. Lección 1 de 43.
En la sección anterior, analizamos selectores básicos como etiquetas, clases, ID y selectores de grupo, y el selector universal. Estos te proporcionaron las herramientas para empezar a aplicar estilos a los elementos de la página.
Ahora vamos a subir un poco el nivel. En este capítulo, aprenderás algunas formas más inteligentes de seleccionar elementos: específicamente el selector de descendientes (para aplicar estilos a un elemento solo si está dentro de otro) y el selector de hermanos adyacentes (para aplicar estilos a un elemento solo si está justo después de otro).
Estas técnicas hacen que tu CSS sea más limpio, flexible y fácil de gestionar a medida que tus proyectos crecen.
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