創建無限深度的CSS下拉菜單

Question

如何創建一個無限深度（嵌套ul）支持的純CSS下拉菜單？

編輯：
我可以創建無限的深度菜單，但深度後菜單不在頁面。
我需要克服這一點。例如我想在右側顯示奇數深度的ul，並在左側顯示。但是如何？我不知道

Answer 1

說實在的，如果你需要一個應該是的菜單，你不應該把它設計成「無限」。網頁/應用程序上的下拉菜單不應該超過兩個或三個深度。還有更多，這對你的用戶來說將是一個痛苦的過程。

考慮重新設計您的應用程序/信息架構/設計？

這就是說，我不認爲你可以用純CSS實現你想要的。我的建議是查看存在的成千上萬個JavaScript + CSS菜單之一。如果你正確設置它們，它們將爲你工作，並提供比純粹的CSS菜單更好的可用性。