css 单击复选框后,ul元素不会出现

gblwokeq  于 2023-02-01  发布在  其他
关注(0)|答案(1)|浏览(109)

我的响应页面顶部有一个导航菜单。但是对于移动分辨率,我创建了一个按钮,点击后会打开导航栏的ul。它应该工作给定的代码,但它没有出现。我已经尽了最大努力使它工作,但似乎没有工作。我仍然不使用javascript,我暂时不想。所以我希望只使用CSS使它工作。
我试过用这个方法来转换一个div,效果非常好。

#check:checked ~ .uno {

但是如果我使用同样的方法在点击不可见复选框时显示ul(如下所示),它就不起作用了。
#check:checked ~ #nav-list{(使其显示块从显示无)
这是整个程序的代码。
x一个一个一个一个x一个一个二个x
请原谅长块低效的代码。我还在学习,并将感谢任何帮助。

new9mtju

new9mtju1#

你的导航没有显示的原因是导航列表是hamcross的兄弟,hamcross是checkbox,uno和duo的父。这意味着导航列表就像是checkbox的叔叔,这就是为什么#check:checked ~ #导航列表不起作用。你需要有一个层次结构,你可以用它遍历dom。看看这个link,只有10个css示例!

相关问题