estoy intentando hacer un menú desplegable con css.. y me esta dando varios problemas y aunque he visto varios ejemplos no acabo de enteder muy bien el funcionamiento..
asi que he estado haciendo pruebas en un código muy sencillo pero no hay manera... a ver con ul.menu > ul selecciono los hijos "ul" de "ul.menu" y para mostrar el submenú ul.menu li:hover > ul que yo pienso que selecciona los ul hijos de un li:hover dentro de ul.menu o no? xD bueno en fin se agradece cualquier ayuda.
Código:
<html>
<head>
<style>
.menu li{ display:inline; font-weight:bold;padding:5px; list-style-type:none;}
ul.menu > ul {display:none;}
ul.menu li:hover > ul{display:block;}
</style>
</head>
<body>
<ul class="menu">
<li>libros</li>
<ul>
<li>- 2 de años</li>
<li>2-4 años </li>
</ul>
<li>contacto</li>
<li>Reseña</li>
</ul>
</body>
</html>