I created a checkbox with the id="navToggle" to show theEu criei uma caixa de seleção com o id = "navToggle" para mostrar o "nav" and intended to usee pretendia usar a label with the for pointiong to that checkboxlabel
com o for
apontando para esse checkbox
, but for some reason when i click themas por algum motivo quando eu clico no X nothing happensnada acontece. The checkbox works fine thoO checkbox
funciona bem.
Below there is the Abaixo, há o código css3 code i used to show theque eu usei para mostrar o menu when the checkbox is checkedquando checkbox
está marcado e, and then there is theem seguida, há o HTML. Please helpPor favor ajude. ThanksObrigado.
.nav-toggle:checked ~ nav{
display: block;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>FirstPage</title>
</head>
<body>
<link rel="stylesheet" href="navMenuStyle.css" />
<header>
<h1 class="logo">S.Gibas</h1>
<input type="checkbox" class="nav-toggle" id="navToggle" />
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">News</a></li>
</ul>
</nav>
<lable for="navToggle" class="nav-toggle-lable">
<span>X</span>
</lable>
</header>
</body>
</html>