Hola, estoy tratando de implementar un menú desplegable y ni a palos lo logro. No veo el error en el código, mi lógica me dice que debe funcionar, pero nada... es decir, logro ocultar los elementos, pero el display: block luego no me los muestra.
Este es el código..
html:
Código HTML:
<nav>
<ul>
<li><a href="#">Primero</a></li>
<li><a href="#">Segundo</a></li>
<ul>
<li><a href="#">2.1</a></li>
<li><a href="#">2.2</a></li>
<li><a href="#">2.3</a></li>
<li><a href="#">2.4</a></li>
</ul>
<li><a href="#">Tercero</a></li>
</ul>
</nav> y aquí el CSS
Código HTML:
nav {
float:right;
display:block;
}
nav ul li {
float:left;
list-style: none;
margin: 0 25px;
display: block;
}
nav ul ul {
display: none;
}
nav ul li.hover > ul
{
display:block;
}
Alguna idea? gracias de antemano