Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: kakashi20 en 8 Enero 2016, 23:53 PM

Título: Hover de elemento hijo
Publicado por: kakashi20 en 8 Enero 2016, 23:53 PM
hola

tengo el siguiente codigo:

Código (html4strict) [Seleccionar]

<ul class="mainYearPrensa">

<li class="filterYearPrensa">2013

<ul class="mainDisePrensa">

<li class="filterDisePrensa" onclick="ViewDise()">Diseñador 1</li>
<li class="filterDisePrensa" onclick="ViewDise()">Diseñador 2</li>

</ul>

</li>

<li class="filterYearPrensa">2014

<ul class="mainDisePrensa">

<li class="filterDisePrensa" onclick="ViewDise()">Diseñador 2</li>

</ul>

</li>

</ul>



Mi pregunta es, como podria hacer que cada <li> de clase "filterYearPrensa" por medio de un hover, despliegue su <ul> hijo ?

Alguna idea ?

Gracias
Título: Re: Hover de elemento hijo
Publicado por: Wick3D en 9 Enero 2016, 02:35 AM
Creo que lo que tú buscas es esto: https://developer.mozilla.org/es/docs/Web/CSS/:hover (https://developer.mozilla.org/es/docs/Web/CSS/:hover)
Título: Re: Hover de elemento hijo
Publicado por: xiruko en 9 Enero 2016, 03:11 AM
Código (css) [Seleccionar]
ul.mainDisePrensa {
   display: none;
}

li.filterYearPrensa:hover ul.mainDisePrensa {
   display: block;
}


Saludos!