Css 兄弟 (~) 选择器无法在已选中的 属性 上工作

Css sibling (~) selector not working on checked property

请看一下 here,左侧的菜单应该在选中的复选框上滑入和滑出 属性,但是我的 css 不工作,谁能帮帮我。 在我的代码菜单中,当前设置为 left:-240px,因为它应该滑入 left:0 选中复选框。

我的兄弟代码似乎没有用,请帮助

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

您在使用 .checked 时语法有误。 . 是一个 class 选择器。

你的目标应该是带冒号的

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

看到了corrected