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上添加的类

回答

相关问题