Solucionado
Boa tarde, a alteração do estilo pode ser feita nos elementos:
nav a{
color: #F2FFFC;
text-decoration: none;
}
ou
aside a{
color: inherit;
font-family: "Opens Sans Condensed", "Arial", sans-serif;
text-decoration: none;
}Qual dos dois é o mais adequado para esta alteração?
hoje, com a Alura e o Google Gemini
No curso o professor escolhe o aside a pra fazer a alteração.
As duas formas estão corretas e irão funcionar. Mas a melhor forma é aquela em que o seletor é mais específico.
Em uma página HTML uma tag pode se repetir várias vezes no código e se não usar o seletor apropriado a formatação é aplicada em outro elemento.
Por exemplo: No código abaixo eu tenho duas nav com a se você usar o seletor .nav a você estará aplicando a formatação em todos os a das duas nav. Caso você queira aplicar a formatação somente na nav do rodapé a "última" é indicado que você use uma classe para ser mais específico.
No css abaixo por exemplo, estou formatando somente os a da primeira nav. Você pode ser mais específico ainda colocando as classes no elemento que deseja formatar para não ficar usando hierarquias.
ex: <a href="#" class="links-menu-principal">texto1</a>
<html>
<style>
.menu-principal a{
color: blueviolet;
text-decoration: none;
}
</style>
<body>
<aside>
<nav class="menu-principal">
<ul>
<li><a href="#">texto1</a></li>
<li><a href="#">texto2</a></li>
<li><a href="#">texto3</a></li>
<li><a href="#">texto4</a></li>
</ul>
</nav>
</aside>
<nav class="menu-rodape">
<ul>
<li><a href="#">texto1</a></li>
<li><a href="#">texto2</a></li>
<li><a href="#">texto3</a></li>
<li><a href="#">texto4</a></li>
</ul>
</nav>
</body>
</html>