子菜單懸停父元素

那麼標題有點混亂，但我會盡力解釋我需要什麼。子菜單懸停父元素

我有這樣的代碼：

<nav class="main-nav"> 
    <ul class="dropdown-menu"> 
     <li class="tab"> 
      <a href="graphic-design.php" title="Diseño Grafico">Diseño Grafico</a> 
     </li><li class="tab"> 
      <a href="other-services.php" title="Otros Servicios">Otros Servicios</a> 
      <div class="submenu"></div> 
     </li><li class="tab"> 
      <a href="support.php" title="Soporte Tecnico">Soporte</a> 
     </li> 
    </ul> 
</nav>

與它對應的CSS代碼（例）：

Example on jsFiddle

它的偉大工程，但我想現在要做的是讓元素用class選項卡突出顯示當我在子菜單上時。我不想使用JS cuz'我現在該怎麼做，但我想用CSS來做，但我不知道如何做。有沒有辦法做到這一點？

謝謝。

來源

2013-09-21 Andres Orozco

你可以發佈CSS以及 – MZaragoza

@MoisesZaragoza CSS是示例鏈接。很長，這就是爲什麼不在這裏。 –

@AndresOrozco人不應該去另一個網站才能看到你的代碼。如果它在這裏它不會改變或在一年內丟失 – MZaragoza

你的意思是這樣嗎？

.tab:hover .child{ 
    do something here 
}

UPDATE

它不可能改變家長，當你將鼠標懸停在孩子，用CSS

來源

2013-09-21 12:42:16 Chanckjh

不，我想讓父母不要突出孩子。 –

哦，你想要父母突出顯示當你懸停在孩子身上嗎？這是不可能的與css – Chanckjh

我想沒有使用js它不可能。更好地使用jQuery –

懸停狀態只需移動到列表項目，而不是錨

.main-nav > ul > li:hover{ 
    color: #008293; 
    background: #ADADAD; 
}

Example

來源

2013-09-21 12:46:31

它工作得很好，唯一的是文本的顏色，它不會改變。我想讓顏色改變，但我做不到。 –

我發現給每個級別一個類而不是用戶這些深層選擇器更容易。這裏有一個我保留的參考菜單：** [Codepen]（http://codepen.io/Paulie-D/pen/22c4ca602bda363099133ded6bca2294）** –

子菜單懸停父元素

回答

相關問題