Solucionado
Estou com uma pequena dúvida: a estrutura seria mais ou menos assim:
<!- html->
<body>
<main>
</main>
<aside>
</aside>
</body>/ CSS e resposta fornecida pelo site./
main a {
color: #851944;
}
aside a {
color: inherit;
font-family: "Open Sans Condensed", sans-serif;
}como esse inherit vai trabalhar com descendência, se o aside e o main não possuem relação de um estar dentro do outro?
hoje, com a Alura e o Google Gemini
Oi Lucas,
Na verdade esse color: inherit não está herdando a cor #851944 definida no main a{...},
pois como você mesmo reparou, as tags main e aside não tem "parentesco" de pai-filho.
Se você reparar bem no texto do exercício, verá que é solicitado para alterar a cor do texto dos links de dois elementos distintos:
1) "No conteúdo principal, a cor deve ser #851944":
main a {
color: #851944;
}2) "Na barra lateral, deve ser idêntica à cor do texto dessa barra, que já foi configurada no exercício anterior":
aside a {
color: inherit;
font-family: "Open Sans Condensed", sans-serif;
}Ou seja, no item 2 estamos herdando a propriedade color da tag <aside>, que foi definida no exercício anterior da seguinte maneira:
aside {
background-color: #3C1D3D;
color: #F2FFFC;
}Conseguiu entender?
Bons estudos!
Ok, consegui entender. Agradeço.
Nesta estrutura, irá herdar propriedade do body.