Foro de elhacker.net

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
  1. <ul class="mainYearPrensa">
  2.  
  3. <li class="filterYearPrensa">2013
  4.  
  5. <ul class="mainDisePrensa">
  6.  
  7. <li class="filterDisePrensa" onclick="ViewDise()">Diseñador 1</li>
  8. <li class="filterDisePrensa" onclick="ViewDise()">Diseñador 2</li>
  9.  
  10. </ul>
  11.  
  12. </li>
  13.  
  14. <li class="filterYearPrensa">2014
  15.  
  16. <ul class="mainDisePrensa">
  17.  
  18. <li class="filterDisePrensa" onclick="ViewDise()">Diseñador 2</li>
  19.  
  20. </ul>
  21.  
  22. </li>
  23.  
  24. </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
  1. ul.mainDisePrensa {
  2.   display: none;
  3. }
  4.  
  5. li.filterYearPrensa:hover ul.mainDisePrensa {
  6.   display: block;
  7. }

Saludos!