So this is my header:
<header id="nav-bar" class="container">
<div id="nav-bar__logo">
<a href="#"><img src="logo.png"></a>
<input type="checkbox" id="menu">
<label for="menu"></label>
</div>
<nav id="nav-bar__items">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
On input:checked
, I want to do stuff with #nav-bar__items
. Is it possible to do that using CSS combinators?