1
resposta

VSCode nao reconhece o ~ no menu hamburguer

Estou em um mac, e na parte do menu hamburguer parece que o vscode nao reconhece o til. (pelo menos e o que parece rsrsrs)

fiquei preso nisso...

1 resposta

Olá, Gabriel! Tudo certo?

O til é um combinador de irmãos subsequentes no CSS. Ele seleciona o segundo elemento apenas se ele seguir o primeiro elemento e ambos compartilharem o mesmo pai.

No seu caso, você está tentando usar o til para aplicar um estilo ao elemento .lista-menu quando o elemento .container__botao está em estado :checked. Isso deve funcionar se ambos os elementos compartilharem o mesmo elemento pai e se .lista-menu vier após .container__botao no código HTML.

Seu código deve se parecer com isso:

<input type="checkbox" id="menu" class="container__botao">
<label for="menu"></label>
<ul class="lista-menu">
  <!-- conteúdo da lista aqui -->
</ul>

E seu CSS deve se parecer com isso:

.container__botao:checked ~ .lista-menu {
  display: block;
}

Se o Visual Studio Code ainda não estiver reconhecendo o til, gostaria que compartilhasse mais informações, um print seria de grande ajuda para entender melhor o seu caso.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.