Css兄弟（〜）选择器无法处理已检查的属性

Question

请看一下version 1.70，左侧的菜单应该在复选框选中属性中滑入和滑出，但是我的CSS无法正常工作，任何人都可以帮助我。 在我的代码菜单中当前设置为左：-240px，因为它应该向左滑动：选中复选框时为0。

我的兄弟代码似乎没有用，请帮忙

#menuToggle.checked ~ .menu { position:absolute; left:0; }

Answer 1

使用.checked时语法错误。 .是一个类选择器。

你的目标应该是结肠

#menuToggle:checked ~ .menu { position:absolute; left:0; }

见corrected