Html 相邻同级选择器不工作

我试图在没有javascript的情况下创建一个滑动侧栏，但我遇到了一个问题，即相邻的同级选择器无法工作

这是我的代码：

。侧栏{
位置：固定；
顶部：100px；
右：0px；
z指数：0；
宽度：120px；
高度：100px；
填充：30px；
背景色：rgba（255，255，255，0.00）；
边框底部：实心1px#181918；
左边框：实心1px#181918；
}
.侧边栏ul li{
字体系列：“Zona Pro”；
字号：18px；
边缘底部：16px；
-webkit字体平滑：抗锯齿；
颜色：rgba（24,25,24,0.78）；
光标：指针；
}
#边栏猎犬{
显示：无；
}
#sidebartoggler+。侧边栏{
顶部：500px；
}

背景
注销

法尔1994
@RenderBody（）

---

您忘记了

：选中的
您缺少的两件东西：


：从复选框中选中
你有
#sidebartoggler
但是CSS是区分大小写的，所以使用
#sidebartoggler

一小条

。侧栏{
位置：固定；
顶部：100px；
右：0px；
z指数：0；
宽度：120px；
高度：100px；
填充：30px；
背景色：rgba（255，255，255，0.00）；
边框底部：实心1px#181918；
左边框：实心1px#181918；
}
.侧边栏ul li{
字体系列：“Zona Pro”；
字号：18px；
边缘底部：16px；
-webkit字体平滑：抗锯齿；
颜色：rgba（24,25,24,0.78）；
光标：指针；
}
#边栏猎犬{
显示：无；
}
#sidebarToggler:选中+侧边栏{
顶部：500px；
}


背景
注销

法尔1994
@RenderBody（）
你应该澄清你所说的“不工作”是什么意思。明确地说出你想要发生的事情和正在发生的事情。你检查我的评论了吗@Fale1994哦，我删除了它来尝试没有它的代码，然后忘了写回它。但这不是问题所在，它不适用于：已检查。对不起，我犯了一个多么愚蠢的错误。第二个是个问题，我花了几个小时才发现一个错误。非常感谢（没问题：）很高兴能帮忙！如果这解决了您的问题，请确保您将此答案标记为已接受，以便将来的读者了解您的问题的解决方案
#sidebartoggler:checked + .sidebar