Solucionado
Olá! O css funcionaria se o "e comercial (&)" não estivesse na frente do hover do a? Já que está dentro do "a", por que precisaria repetir o "a"? Não seria esperado que o hover já fosse sobre o "a"? Dessa forma:
.menu-principal {
...
.menu-principal a {
color: white;
text-decoration: none;
hover {
text-decoration: underline;
}
}
}
Fala aí Danilo, tudo bem? Não iria funcionar, você precisa informar o & para dizer que trata-se desse elemento, pois, apenas o hover pode ser muitas coisas, não tem como o compilador do sass entender.
O hover poderia ser uma classe filho, poderia ser uma tag, poderia N coisas...
Espero ter ajudado.
Obrigado pelo esclarecimento, Matheus! Ajudou demais!
Magina, sempre que precisar não deixe de criar suas dúvidas.
Abraços e bons estudos.