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 selectores básicos como etiquetas, clases, IDs, selectores de grupo y el selector universal. Estos te brindaron las herramientas para comenzar a dar estilo a los elementos en 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, como cómo dar estilo a un elemento solo si está dentro de otro, o 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 gestionar a medida que tus proyectos crecen.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
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