Exercício: prever e consertar um conflito de estilos
Três regras competem pela cor do mesmo texto. Ajuste o CSS para que a cor verde vença, sem tocar no HTML.
Estudar esta lição interativa →No CSS do editor, três regras miram o mesmo elemento (.card duas vezes, e #card1 uma vez). Sem alterar o HTML (ele fica fixo, acima do editor), ajuste o CSS para que o texto fique verde (a cor green), levando em conta as regras de especificidade do Módulo 4.
Ajuste o CSS (sem tocar no HTML) para que o texto do #card1 termine na cor green, resolvendo pela especificidade e pela ordem das regras, sem usar !important. O !important fica de fora de propósito: a lição de cascata o ensina como último recurso, e aqui o treino é vencer pelo seletor e pela ordem.
.card{ color: blue; }
.card{ color: green; }
#card1{ color: red; }🧩 Este é um exercício com correção automática — abra no app para completá-lo e verificar.