ホバーCSS3他の要素によって強制される

Question

ちょっと私は純粋なCSS3のドロップダウンナビゲーションをしたいです。最初の項目をホバーすると、背景が変更され、ドロップダウンの子要素が開きます。これは大丈夫です。しかし、もし私がドロップダウン要素をホバリングすると、変更されたバックグラウンドは、ホバリングされていないようにリセットされます。

他の要素のホバーによって強制される要素のスタイルを変更するにはどうすればよいですか？

Answer 1

本当に純粋なCSS3に固執したいのであれば、両方のオブジェクトをコンテナに入れ、このコンテナに色を定義することができます。必要に応じてドロップダウンの子に上書きします。

Answer 2

here's a quick CSS only dropdown。背景を保持するためのトリックは、メインメニュー項目にホバースタイルを設定することです。サブメニュー項目には設定しないでください。 JSのようなホバリングのようなイベントはバブルアップします。子供をホバリングすると、親をホバリングすることも意味します。