Alterar cor do menu ao passar o mouse

Layout
2

irmão to um pouco ocupado aqui…
é possível fazer algo mais compacto, algo que pegue as categorias de forma diferente.
Mas vou mandar para você aqui começar a trabalhar ai.

.complete > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1):hover > a {
  background-color: #0057A9;
}
.complete > div:nth-child(n) > ul:nth-child(n) > li:nth-child(n) > ul:nth-child(n) > li:nth-child(n){
background-color: #0057A9;
}
.complete > div:nth-child(n) > ul:nth-child(n) > li:nth-child(n) > a:nth-child(n) > strong:nth-child(1):hover{
color: #ffffff !important;
font-weight: bold;
}
.complete > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1){
color: #ffffff !important;
font-weight: bold;
}
.complete > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1):hover{
color: #0057A9 !important;
font-weight: bold;
}

Qualquer coisa manda ai que a gente ajusta.
Se eu tiver um tempo melhor aqui… eu bolo um código compacto para vc.

1 curtida