css - ホバー セレクターの CSS メニュー

Question

私はとても親しいです。.フィドルディスプレイに MENU 1 をデフォルトのメニュー オプションとして表示し、MENU 2 をホバーしたときに変更するにはどうすればよいですか?

前もって感謝します。コーディングを続けてください！:)

Answer 1

応答に基づいてこれを jquery から完全に編集するには、次の手順を実行します。

1. #submenu1からdisplay:none;に変更するdisplay: block;
   と、デフォルトで最初のメニューが表示されます。

2. 次の css セクションを追加します

   #a2:hover ~ #submenu1 { display: none; }

a2 要素にカーソルを合わせると、~キャラクターは #submenu1 を選択します。次に、display:none; に変更します。a2 の上にカーソルを置いたときに submenu2 を表示するように設定するコードが既にあるので、これは submenu1 要素を非表示にするだけです。