css - ホバー時の CSS サブメニューサブサブメニュー要素の色を変更

Question

lwis.net のコードを使用して、Web サイト用のCSS ベースのメニューを作成しようとしています (小さなスニペットのみを使用しています)。

私がやりたいのは、サブレベルのメニュー項目にカーソルを合わせて色を黒に変更することです。しかし、私がやったことは、サブ要素にカーソルを合わせて、サブサブ要素の要素も黒くすることです。

マウスがホバーしているウィッチのアイテムだけを黒くするにはどうすればよいですか?

いいえ:

[サービス] > [Web デザイン]: ホバーで問題ありません。サービス > 印刷デザインでは、サービス > 印刷デザイン > ビジネスカードおよびサービス > 印刷デザイン > フライヤーも黒であるため、カーソルを合わせると問題が発生します。

私はそれらを黒で必要とし、それぞれを個別にホバーするだけです。

注：ホバー時に色を変更するには、サブメニューの項目のみが必要です。トップレベルのアイテムはホバー時に白くする必要があります。

敬具メリノス・ニコス

score 3 · Accepted Answer

「li a」要素にホバーを設定するか、サブメニューの li 要素のクラスを定義する必要があります。

これを置き換えます：

#main_nav li:hover > ul li:hover a
 {
   color:#000;
 }

これで

#main_nav li > ul li a:hover
 {
   color:#000;
 }

score 1 · Accepted Answer

1

CSS を追加します。

#main_nav li ul li:hover
{
    background-color: Red;
}

于 2012-05-12T14:11:43.667 に答える

css - ホバー時の CSS サブメニュー サブサブメニュー要素の色を変更