Bom dia galera, teria como criar um dropdown sem ele precisar ser uma tag filha?
Vou explicar com código. Geralmente fazemos assim:
.menu-dropdown {display: none;list-style: none;}
.menu:hover .menu-dropdown {display: block;}
<ul class="menu">
<li>
<a href="#">Teste</a>
<ul class="menu-dropdown">
<li><a href="#">Abriu</a></li>
</ul>
</li>
</ul>
Teria como fazer isso com a ul(menu-dropdown) fora da ul(menu)?
Por exemplo:
.menu-dropdown {display: none;list-style: none;}
.menu:hover .menu-dropdown {display: block;}
<ul class="menu">
<li>
<a href="#">Teste</a>
</li>
</ul>
<ul class="menu-dropdown">
<li><a href="#">Abriu</a></li>
</ul>
Como podem ver, ali não deu certo, mas, teria como fazer isso?