css - 無制限の深さの CSS ドロップダウン メニューの作成

Question

ul無制限の深さ (多くのネストされた) をサポート する純粋な css ドロップダウン メニューを作成するにはどうすればよいですか?

編集:
無制限の深さのメニューを作成できますが、深さの後にメニューがページからはみ出します。
私はこれを克服する必要があります。たとえばul、右側に奇数の深さを表示し、左側に偶数の深さを表示することを考えました。しかし、どのように？わからない

Answer 1

正直なところ、使用されるはずのメニューが必要な場合は、「無制限」に設計するべきではありません。Web ページ/アプリケーションのドロップダウン メニューの深さは、実際には 2 レベルまたは 3 レベルを超えるべきではありません。それ以上のことは、ユーザーにとって完全な苦痛になります。

アプリケーション/情報アーキテクチャ/設計の再設計を検討していますか?

とは言っても、純粋な CSS で目的を達成できるとは思いません。私のアドバイスは、存在する何千もの JavaScript+CSS メニューの 1 つを調べることです。これらは、正しく設定すれば機能し、純粋な CSS メニューよりもはるかに優れた使いやすさを提供します。