AluraBooks

@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;
}

.opções {
    display: flex;

}

.opções__itens {
    padding: 0 1em;
    text-transform: uppercase;

}

.opções__link {
    text-decoration: none;
    color: var(--preto);
}

.contanier__imagem-transparente {
    display: none;
}

.cabeçalho__menu-hamburger{
    display: none;
}

}

5 respostas

por Luiz Fernando Rodrigues Paulo

| 94.2k xp | 75 posts

Dev Front-End

28/01/2023

Bom dia!

Verifique se você aplicou a classe .opções__link na tag a e não na tag li, pois isso fará com que as atribuições não sejam feitas. Caso não resolva, mande o seu código html pra gente.

Espero ter ajudado!

por Alexsander Sérgio

| 54.6k xp | 3 posts

28/01/2023

    Essa é a parte do código HTML que estou tentando fazer a alteração no CSS,  o text-decoration seria aplicado nas ancoras, mas não está aplicando conforme a aula. Não sei aonde estou errando!!

     <ul class="opções">
        <li class="opções__itens">Categorias</li>
        <li class="opções__itens"><a href="#" class="opcões__link">Favoritos</a></li>
        <li class="opções__itens"><a href="#" class="opcões__link">Minha Estante</a></li>           
    </ul>

solução!

por Raul Ramos de Oliveira de Lima Bonfim

| 139.5k xp | 25 posts

28/01/2023

boa tarde resolução : no CSS apaga

.opções__link {
    text-decoration: none;
    color: var(--preto);
}

e coloca

.opções .opções__itens .opcões__link {
    text-decoration: none;
    color: var(--preto);
}

por Alexsander Sérgio

| 54.6k xp | 3 posts

28/01/2023

Muito obrigado Raul, resolveu o problema!!

por Raul Ramos de Oliveira de Lima Bonfim

| 139.5k xp | 25 posts

28/01/2023

de nada :)