Ainda não consegui entender por que o seguinte código muda a cor do título h1 mas não dos links:
aside{
background-color: #3C1D3D;
color: #F2FFFC;
}Obrigado.
Solucionado
Ainda não consegui entender por que o seguinte código muda a cor do título h1 mas não dos links:
aside{
background-color: #3C1D3D;
color: #F2FFFC;
}Obrigado.
hoje, com a Alura e o Google Gemini
Oi Jonas, tudo bem?
Os links possuem uma cor que o browser coloca, então para mudarmos qualquer coisa relacionada aos links, temos que selecioná-los especificamente.
Isso via classe ou via elemento que seja.
Por isso também que um aside{ text-decoration: none }` também não funciona.
Espero ter ajudado e bons estudos,
Abcs!
A questão é que pelo menos no caso do google chrome a cor definida pelo navegador tem prevalência sobre uma cor definida pelo aside.
Como você pode ver nesse print o aside tentou mudar a cor do link, mas logo acima foi sobreposto pela cor definida pelo navegador. Para sobrepor essa cor você precisaria criar um seletor css que afetasse diretamente o link, no caso algo assim:
a {
background-color: #3C1D3D;
color: #F2FFFC;
}Entendi. Obrigado.