nav a:hover { color: #C78C19; text-decoration: underline; }
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
nav a:hover { color: #C78C19; text-decoration: underline; }
Olá Dayane,
O CSS que você citou modifica apenas a parte de cima mesmo.
Você quer adiciona efeito do de hover na página de produtos?
Se sim, é só aplicar este css:
.produtos li:hover {
border-color: #C78C19;
}
.produtos li:hover h2 {
font-size: 34px;
}
Lembrando que o css é em cascata, logo você definiu que o efeito de mousehover só vai ser aplicado no tag nav ou seja
<nav>
<a href="">Aqui Tem Efeito</a>
</nav>
<a href="">Aqui não tem efeito</a>
Obrigado!