Fala, pessoal.
Verifiquei esse tópico, mas não resolveu o meu problema.
A única coisa que eu fiz de diferente da aula foi declarar a minha classe como opcoes__link (sem ç ou ~) e fiz isso com todas as outras conforme o meu código abaixo. Mas não consigo tirar o sublinhado ou mudar a cor da âncora. O que pode estar errado?
<ul class="opcoes">
<li class="opcoes__item">Categorias</li>
<li class="opcoes__item"><a href=”#” class=”opcoes__link”>Favoritos</a></li>
<li class="opcoes__item"><a href=”#” class=”opcoes__link”>Minha estante</a></li>
</ul>
@media screen and (min-width: 1024px){
.container__titulo, .container__titulo--negrito{
font-family: var(--fonte-secundaria);
font-size: 30px;
}
.container__titulo{
font-weight: 400;
display: block;
}
.container__titulo--negrito{
font-weight: 700;
}
.opcoes{
display: flex;
}
.opcoes__item{
padding: 0 1em;
text-transform: uppercase;
}
.opcoes__link {
text-decoration: none;
}
}
``
