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

Question

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

编辑:
我可以创建无限深度菜单，但在深度菜单超出页面后。
我需要克服这个。例如，我想在右侧以奇数深度显示 ul，在左侧显示偶数深度。但是怎么办？我不知道

Answer 1

老实说，如果您需要一个应该使用 的菜单，则不应将其设计为“无限制”。网页/应用程序上的下拉菜单实际上不应超过两层或三层。任何更多，都会让您的用户感到非常痛苦。

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

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