¡Hola! Estoy intentando recrear una página web, y a la hora de crear un submenú, el submenú no se muestra.
El código que tengo es el siguiente:
<nav class="navegacion">
<ul class="menu">
<li><a href="">Videos</a></li>
<li><a href="">Music</a></li>
<li><a href="">Connect</a>
<ul class="submenu">
<li><a href="">Amazon</a></li>
<li><a href="">Apple Music</a></li>
</ul>
</li>
</ul>
</nav>
.menu > li{
position:relative;
display: inline-block;
}
.menu >li >a{
display:block;
text-decoration: none;
}
.menu li a:hover{
color:grey;
}
.submenu{
position:absolute;
width: 100%;
display:none;
}
.submenu li a{
display:block;
text-decoration: none;
font-size: 13px;
}
.submenu li:hover .submenu{
display:block;
}
Me he asegurado de cerrar bien las etiquetas, y de escribir display:block; en el hover, pero soy algo novato aún en este tema y no sé realmente donde he podido equivocarme.¿Qué es lo que me falla?