Introducción
Parte de la sección CSS Mastery del Journey de HTML de Coddy — lección 1 de 43.
En la sección anterior, vimos los selectores básicos como etiquetas, clases, IDs, selectores de grupo y el selector universal. Estos le brindaron las herramientas para comenzar a aplicar estilos a los elementos de la página.
Ahora vamos a intensificar un poco las cosas. En este capítulo, aprenderás algunas formas más inteligentes de seleccionar elementos: específicamente el selector de descendientes (para aplicar estilo a un elemento solo si está dentro de otro) y el selector de hermanos adyacentes (para aplicar estilo a un elemento solo si está justo después de otro).
Estas técnicas hacen que tu CSS sea más limpio, más flexible y más fácil de mantener 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 CSS Mastery
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 repaso