Açılır listelerde gezinirken gezinme efektini navbarda nasıl tutarım?

Question

Navbarımda vurgulu bir efekti var ve ona bir açılır menü ekledim. Listelere geldiğimde, hover etkisini kaybeder. Vurgulu efekti nasıl koruyabilirim? Bulunduğum css: .navbar-list:hover {color:red;}

Html:

<li class="dropdown"> <a href="#" class="navbar-list dropdown-toggle" data-toggle="dropdown"> About Us </a> <ul class="dropdown-menu"> <li><a href="company-profile.html">Company Profile</a></li> <li><a href="board-of-director.html">Board of Director</a></li> </ul> </li> nasıl listesi üzerinden getirdiğinizde o vurgulu bir etkiye sahip olmak için css eklerim?

Answer 1

Kodunuza göre, css seçicinizi böyle değiştirmelisiniz.

/* 
 
.navbar-list:hover {color:red;} 
 
*/ 
 
.dropdown:hover {color:red;}

<li class="dropdown"> 
 
    <a href="#" class="navbar-list dropdown-toggle" data-toggle="dropdown"> 
 
      About Us 
 
     <!-- 
 
      Or you can put your dropdown-menu here 
 
      <ul class="dropdown-menu"> 
 
      <li><a href="company-profile.html">Company Profile</a></li> 
 
       <li><a href="board-of-director.html">Board of Director</a></li> 
 
      </ul> 
 
     --> 
 
    </a> 
 
    <ul class="dropdown-menu"> 
 
     <li><a href="company-profile.html">Company Profile</a></li> 
 
     <li><a href="board-of-director.html">Board of Director</a></li> 
 
    </ul> 
 
</li>

css seçici .navbar-list:hover {color:red;}

değil dropdown-menu içeriyor

<a href="#" class="navbar-list dropdown-toggle" data-toggle="dropdown">About Us </a> göstermek.

böylece css seçicinizi veya html yapınızı isteğinize uyacak şekilde değiştirebilirsiniz.