Hola, tengo el siguiente problema y buscando por el foro no he encontrado nada, algun caso que se le parece pero no es exactamente igual, a ver si me podeis ayudar.
Tengo el siguiente codigo:
Código:
<ul>
<li class="elementoLista">
<div class="fondo">Texto</div>
<div class="menuOculto"></div>
</li>
</ul>
.elementoLista{
background-color:white;
}
.elementoLista:hover{
background-color:blue;
}
.fondo{
height:25px;
width:25px;
background: url('./img/fondo.jpg') no-repeat;
}
.fondo:hover{
background: url('./img/fondo.jpg') no-repeat 0px 25px;
}
.menuOculto{
display: none;
}
.menuOculto:hover{
display: block;
}
Quiero conseguir que cuando pase el reton encima de la clase elementoLista, es decir: .elementoLista:hover, tambien se activen los hover de fondo y menuOculto, es posible solo con CSS?
Con JS lo sabria hacer, pero me gustaria conseguir este efecto usando simplemente CSS si es posible, me gustaria saber como.
Muchas gracias.