CSS上添加的類

-1

下面的標記選擇元件被給出：CSS上添加的類

<header id="main-header"> 
     <div class="container clearfix et_menu_container"> 
      <div class="logo_container"> 
      </div> 
      <!-- .logo_container --> 
      <div id="et-top-navigation"> 
       <nav id="top-menu-nav"> 
        <ul id="top-menu" class="nav"> 
         ... ... 
         <li id="menu-item-103" class="menu-item"> 
          <a href="hello">Abteilungen</a> 
         </li> 
        </ul> 
       </nav> 
      </div> 
      <!-- #et-top-navigation --> 
     </div> 
     <!-- .container --> 
     <div class="tg-submenu"> 
      <div class="tg-submenu__abteilungen"> 
      </div> 
     </div> 
     <!-- .submenu --> 
    </header>

的＃菜單項-103通過使用JS的，盤旋的項目時得到一個附加的類（ET-懸停）。除此之外，當用戶懸停＃menu-item-103時，.tg-submenu應該可見。這可以通過css（最終連接li元素上添加的類et-hover）來實現，還是需要額外的JavaScript解決方案？

來源

2017-10-07 DoUtDes

我可以重新發布它作爲答案，但不，這是不可能的與CSS。你需要JS來完成這個任務。 –

或重新安排html，以便tg-submenu在菜單項103中。 –

是的，我已經嘗試了不同的解決方案。悲劇。肯定地發佈它作爲答案，你得到解決的按鈕:-) – DoUtDes

不，這是不可能的CSS。你需要JS來完成這個任務。 CSS受限於像:hover,:active,:focus僞類。它還有+和~組合子，它們可以與僞類一起使用，但它仍然不如JS強大，並且在您的特定情況下沒有幫助。

來源

2017-10-07 11:46:55

我不明白爲什麼你已經downvoted，所以有一個正確的答案upvote。 – Tim

可能是因爲我的問題自上次downvote以來有所改進） –

您的原始答案同樣有效:) – Tim

CSS上添加的類

回答

相關問題