如何在一个div中选择选中的输入以在另一个div中显示？（不含javascript）

我有一个项目，我必须做一份菜单

当我点击一个

时，它必须显示一个

当我直接在代码中写入列表时，它可以工作，但问题是当我将列表放入

中时，它不工作。为什么?

下面是有效的代码：

#主页，
#vin，
#ipp，
#雷兹{
位置：相对位置；
利润率：10px；
光标：指针；
}
#acceuilCheck，
#文兰查克，
#伊波切克，
#重新检查，
#阿克伊尔，
#文兰，
#ippo，
#归零{
显示：无；
}
#acceuilCheck:选中~.段落#acceuil{
显示：块；
}
#vinland检查：检查~.段落#vinland{
显示：块；
}
#ippoCheck:选中~.段落#ippo{
显示：块；
}
#rezeroCheck:选中~.段落#rezero{
显示：块；
}

维基没有动画
阿奎尔
文兰
Ippo
回复：零
演示动画
尼布鲁萨村
Ippo franchement c'est trop Magnique
回复：零距离动画制作！！！！

这是因为“~”用于选择共享同一父元素的常规同级元素，在您的情况下，您试图在.menu div内选择.paragration#acceuil，因此它无法工作，因为.paragration不在.menu div内。也许您应该为每个可能的段落创建一个HTML文件，单击菜单项时使用href导航到它们。嘿，感谢您的评论，我可以做些什么来替换“~”？检查我编辑的答案用一个HTML编写一个完整的网站不是一个好主意，这就是为什么你应该分开每个页面，并能够导航到它们，这要感谢你的菜单你的意思是用“a href”？这是因为“~”用于选择共享同一父元素的一般同级元素，在您的情况下，您试图在.menu div内选择.paragration#acceuil，因此它无法工作，因为.paragration不在.menu div内。也许您应该为每个可能的段落创建一个HTML文件，单击菜单项时使用href导航到它们。嘿，感谢您的评论，我可以做些什么来替换“~”？检查我编辑的答案在一个HTML中编写整个网站不是一个好主意，这就是为什么你应该分开每个页面，并能够导航到它们，这要感谢你的菜单你的意思是“a href”？