我试图有汉堡包菜单在标题和菜单切换从侧面在内容，在标题下，但我有问题。 我认为由于某种原因，如果checkboox位于不同的div中，selector不希望工作。

input[type="checkbox"]:checked ~ #sidebarMenu

这不起作用:

input[type="checkbox"]:checked ~ #sidebarMenu

此操作:

input[type="checkbox"]:checked ~ #sidebarMenu

顺晟科技：

在CSS中，选择一个#sidebarmenu，它是输入[type=“checkbox”]:checked

当您将包装器放在它周围时，它不起作用，因为输入将停止成为#sidebarmenu.

edit:如果您真的想使用第一个代码片段中的标记，那么您似乎需要一个JS解决方案。

您需要为复选框设置一个事件侦听器，并为侧边栏菜单切换类。从技术上讲，您也不需要输入，但它可能如下所示:

input[type="checkbox"]:checked ~ #sidebarMenu