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...
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...
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!