Selectores y combinadores
Cómo apuntar a los elementos que quieres estilizar.
Los selectores básicos son: por etiqueta (p { }), por clase (.tarjeta { }, reutilizable en varios elementos) y por id (#logo { }, único en la página). Las clases son las más usadas en la práctica.
Los combinadores permiten reglas más precisas: el selector descendiente (nav a) apunta a todos los a dentro de nav; el hijo directo (ul > li) solo a los hijos inmediatos; y el selector de atributo (input[type="email"]) apunta según un atributo específico.
También existen pseudo-clases como :hover (al pasar el mouse) o :first-child (primer elemento), que veremos con más detalle más adelante en el módulo.
Ejemplo — pruébalo tú mismo
Ponlo a prueba: Escribe un selector de clase '.destacado' que ponga el texto en negrita y de color rojo.