情報領域のある純粋な CSS ドロップダウン メニューを開発しています。
私の問題は、最初のレベルの情報を表示したいが、2 番目のレベルにカーソルを合わせると非表示にしたいということです。ここにJSFiddleがあります
問題は、最初のレベルの情報を非表示にする方法がわからないことです
親にアクセスできないことはわかっているので、次のように条件付きにしようとしました。
menu-level1 > ul > li:not(.menu-level2):hover > .menu-info
しかし、うまくいかないようです。
それを機能させるには、どのように条件を書く必要がありますか?