[SOLUCIONADO] Hover de elemento hijo

[kakashi20]

hola

tengo el siguiente codigo:

Código HTML:

<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

[g3kdigital]

Hola.

Es muy facil, en tu archivo css agregas esto:

Código CSS:

.mainDisePrensa
{
  display: none;
}
 
.filterYearPrensa:hover .mainDisePrensa
{
  display: block;
}
 

[kakashi20]

Gracias por la ayuda