2
respostas

Dúvida sobre a linha "nav a:hover {"

Olá a todos, gostaria de compreender um erro que cometi. Ao reproduzir as instruções eu ao invés de por o ":hover" direcionado ao "nav a" eu pus no "nav li", ficando assim:

nav li:hover {
        color: #C78C19;
        text-decoration: underline;
}

Ao salva e atualizar a página, somentente o text-decoration foi acionado quando passei o mouse em cima dos elementos, gostaria de entender por que uma das propriedades funcionou e a outra não, e por que ao usar "nav a" as duas funcionaram normalmente?

2 respostas

acredito que seja porque na (li:hover) se refere somente a lista já (nav a) refere-se a todos os links da nav

a melhor solução seria:

nav a:hover { color: #C78C19; text-decoration: underline; }

sou novo por aqui, então pode ser que seja algo mais complexo

A sim, acredito que seja isso mesmo, muito obrigado. Mas ainda fica a questão de por que ter funcionado o underline mesmo eu tendo colocado "nav li".