Heim > Fragen und Antworten > Hauptteil
Ich habe einige Klassen für die Menüpunkte erstellt, damit ich sie aufrufen kann.
.dropdownBox { display: none; } .dropdown li:hover > ul.dropdownBox { display: block; }
Allerdings zeigt der „funktionierende“ Bildlaufstatus mit der .dropdown-Klasse jetzt Untermenüelemente mit der .dropdownBox-Klasse an
<nav class="screen2_menu_container"> <label for="screen2_menu_check" class="screen2_menu_btn"> <!-- checkbox to track when the hamburger menu is clicked on --> <input type="checkbox" id="screen2_menu_check" class="screen2_input" /> <!-- the hamburger menu --> <div class="screen2_menu_hamburger"></div> <!-- menu items --> <ul class="screen2_menu_items navPositionRight" id="screen2_menu_items"> <a href="CONTACT-US" rel="history"><span>> CONTACT</span></a> </ul> <ul id="screen2_menu_items_Nav" class="screen2_menu_items navPositionLeft" > <li> <a href="HOME" rel="history"><span>> HOME</span></a> </li> <li class="dropdown"> <a href="WORK"><span>> WORK</span></a> </li> <ul class="dropdownBox"> <li> <a href="WORK-1"><span>WORK-1</span></a> </li> <li> <a href="WORK-2"><span>WORK-2</span></a> </li> <li> <a href="WORK-3"><span>WORK-3</span></a> </li> </ul> <li> <a href="REEL"><span>> REEL</span></a> </li> <li class="hideDiv"> <a href="CONTACT-US" rel="history"><span>> CONTACT</span></a> </li> </ul> </label> </nav>
Ich versuche, die .dropdown-Klasse zu verwenden, damit sie die .dropdownBox-Klasse anzeigt, wenn Sie mit der Maus darüber fahren, aber ich kann anscheinend nicht den richtigen Selektor zum Laufen bringen.
P粉2810894852024-04-05 00:38:54
只需更新您的 CSS
。希望这对您有用。
.dropdownBox { display: none; } .dropdown:hover + .dropdownBox { display: block; } .dropdownBox:hover { display: block; }