Html 当我点击复选框时，屏幕上只显示ul标签

我不明白为什么当我点击复选框时，屏幕上只有id=menu的ul标签可见，而没有id=social。 我需要在每个ul标签中设置display:block

.显示菜单{ 显示：块； } 菜单{ 浮动：左； } 社会的{ 浮动：对； } 保险商实验室{ 显示：无； } 输入[类型=复选框]{ 显示：无； } 输入[类型=复选框]：选中~菜单{ 显示：块； } 输入[类型=复选框]：已选中{ 显示：块； } &9776; 因为社交圈的分裂~是同级选择器。如果需要div，可以尝试输入[type=checkbox]：选中~div social作为CSS选择器

.显示菜单{ 显示：块； } 菜单{ 浮动：左； } 社会的{ 浮动：对； } 保险商实验室{ 显示：无； } 输入[类型=复选框]{ 显示：无； } 输入[类型=复选框]：选中~菜单{ 显示：块； } 输入[类型=复选框]：选中~社交{ 显示：块； } &9776;

---

输入[类型=复选框]：选中~div socialThank you@TemaniAfif，它可以工作