Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Problema no Hover

Referente ao curso HTML e CSS: responsividade com mobile-first, no capítulo Produzindo CSS no desktop e atividade Pseudo-classes e combinadores

por Luiz Henrique Farias
| 30.8k xp | 46 posts

Boa tarde pessoal, tudo bem?

Estou com dificuldade de editar o header do tablet, pois no figma o azul degrade deveria também ir para a lista de item quando clica na opção categoria, então estou tentando fazer o hover para que fique parecido com o figma na classe lista-menu__item para ao colocar o mouse em cima ele fique azul degrade o fundo e as letras brancas, mas não está funcionando. Pode me ajudar por favor?

https://github.com/luizhfari/alurabooks

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!
por Matheus Cruz
| 175k xp | 27 posts

Fala luiz, tudo bem?

Se eu entendi, acho que o código abaixo pode ajudar. Eu estou adicionando o background no li quando houver o hoever e depois aplicando o color branco no link.

.lista-menu__item:hover{
    background: var(--azul-degrade);	
}

.lista-menu__item:hover .lista-menu__link{
    color: var(--branco);
}