我正在尝试通过单击复选框（#navigation）来更改div的宽度和高度。我知道我可以改变其他元素，比如跨越
#navigation input:checked ~ span { }
但是当我尝试
时#navigation input:checked { }
我没有得到相同的结果。有没有办法通过CSS来做到这一点，还是我运气不好？
我的html如下......
<nav id="navigation">
<input type="checkbox" />
<ul><li>heading1</li><li>heading2</li><li>heading3</li></ul>
</nav>