1

Tenho o seguinte código:

<li class="menu-item">
<a href="http://stanlee.com.br">
<span class="jaw-menu-href-title">Home</span>
</a>
</li>

Quando eu passar o mouse em li eu quero que o background do a mude para branco.

Eu só lembro assim:

.menu-item:hover{background:white}

2 Respostas 2

3

Faz assim :

.menu-item:hover a span{background:white;}

.menu-item:hover a span{background:black;}
<li class="menu-item">
<a href="http://stanlee.com.br">
<span class="jaw-menu-href-title">Home</span>
</a>
</li>

0
2

ul{}
ul li{}
ul li:hover a{background-color:#ccc;}
ul li a{}
<ul>
<li>
  <a>teste</a>
</li>
</ul>

3
  • Não parece funcionar ;(
    – MagicHat
    16/02/2017 às 9:49
  • Funciona sim! Olha ai no JSFiddle! 16/02/2017 às 12:52
  • Depois da edição pode ser que sim do jeito que estava não iria funcionar.
    – MagicHat
    16/02/2017 às 13:21

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .