Skip to main content
1 de 3
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

Use o seletor Adjacente + que vai dar certo.

Veja no código abaixo

.menu-departamentos li + ul { 
  display: none; 
} 
.menu-departamentos li:hover + ul {
  display: block;
}
<section class="menu-departamentos"> 
    <h2>Departamentos</h2>
    <nav> 
      <ul> 
      <li><a href="#">Blusas e Camisas</a></li> 
        <ul> 
            <li><a href="#">Manga curta</a></li> 
            <li><a href="#">Manga comprida</a></li> 
            <li><a href="#">Camisa social</a></li> 
            <li><a href="#">Camisa casual</a></li> 
        </ul> 
      <li><a href="#">Calças</a></li> 
      <li><a href="#">Acessórios</a></li> 
      </ul> 
    </nav> 
</section> 

Fonte para você dar uma lida: https://developer.mozilla.org/pt-BR/docs/Web/CSS/Adjacent_sibling_selectors

hugocsl
  • 66,9mil
  • 17
  • 88
  • 166