Html 打开和关闭列表中的链接不起作用

我只使用CSS打开/关闭列表。但一旦列表打开，我就无法打开任何

项的链接。为什么不呢

.stufflexisted{
光标：指针；
}
.Stuff列出：焦点+.openlinksstuff{
显示：块；
}
.列出的内容：焦点{
指针事件：无；
}
.物品清单{
显示：无；
溢出：隐藏；
}

打开我的资料“>
btn

您可以在CSS中通过（ab）使用以下命令执行此操作：

#切换{
位置：相对位置；
左：-100vw；
}
#单击以切换{
边框：2px实心#111111；
背景:#111111；
颜色：#F5F7；
边界半径：5px；
填充：10px；
光标：指针；
过渡：均为0.2s；
}
#单击以切换：悬停{
背景：#f5f7；
颜色：#111111；
}
.切换{
显示：无；
}
#切换：选中~已切换{
显示：块；
}

单击以切换列表

使用该按钮的可能方式是创建两个按钮，其中一个隐藏，另一个显示列表此处是代码片段

按钮{
光标：指针；
背景：红色；
宽度：90px；
高度：30px；
}
.close:focus~.list{
显示：无；
}
.open:focus~.list{
显示：块；
}

关闭
打开

如果他使用了按钮，他就没有使用按钮，因为css有焦点，但没有模糊。如果你需要一个按钮，你需要javascriptAnd@Gad。如果我离开按钮，点击焦点，你的解决方案就不起作用了off@AryanBeezadhur我说的是

按钮

，因为该按钮没有选中解决方案上的

pseodo类使用了
复选框
这是可以切换的，但在
按钮上
这是不可能发生的，即使你在抱怨，我也钦佩你所做的，但这不是唯一的方法