创建无限深度的CSS下拉菜单

Question

如何创建一个具有无限深度（许多嵌套ul）支持的纯css下拉菜单？

编辑：
我可以创建无限深度菜单但是在深度之后菜单会退出页面 我需要克服这一点。例如，我想在右侧显示奇数深度的ul，在左侧显示均匀深度。但怎么样？我不知道

Answer 1

说实话，如果您需要一个应该使用的菜单，您不应该将其设计为“无限制”。网页/应用程序上的下拉菜单实际上不应超过两个或三个级别。还有更多，这对您的用户来说将是一个彻底的痛苦。

考虑重新设计您的应用程序/信息架构/设计？

那就是说，我不认为你可以用纯CSS实现你想要的。我的建议是查看存在的数千个JavaScript + CSS菜单中的一个。如果你正确设置它们，它们将为你工作，并提供比纯CSS菜单更好的可用性。