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.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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.
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.