0

ja havia utilizado algo parecido para um background de uma imagem, mas agora para os botoes do meu site ele não esta funcionando mais.

nav#menu li:hover {
 display: inline-block;
 transition-duration:0.3s;
 **-webkit-transition-duration: 0.3s;**
 **-moz-transition-duration: 0.3s;**
 **-ms-transition-duration: 0.3s;**
 **-o-transition-duration: 0.3s;**
 background-color: #6A6A6A;
 padding: 10px;
 margin: 2px;

(os trechos em negrito servem para compatibilidade com versões mais antigas de navegadores)

0

1 Resposta 1

1

Informe o elemento 'ul' na seleção dos elementos no CSS:

nav#menu ul li{
display: inline-block;
transition-duration:0.3s;
background-color: #ccc;
padding: 10px;
margin: 2px;
}
nav#menu ul li:hover {
display: inline-block;
transition-duration:0.3s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
background-color: #6A6A6A;
padding: 10px;
margin: 2px;
}
<nav id="menu">
 <ul>
   <li>
   linha 3
   </li>
   <li>
   linha 2
   </li>
 </ul>
</nav>

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 .