顯示當鼠標是子子菜單懸停

我有這樣的代碼：http://jsfiddle.net/7Zr44/顯示當鼠標是子子菜單懸停

，我想顯示其子子菜單中的鼠標懸停。

顯示：塊並非無所作爲

<ul class="tonho"> 
<li><a href="">Menu 1</a> 

    <ul class="tonho"><li><a href="">Sub 1.1</a> 
     </li> 
     <li><a href="">Sub 1.2</a></li><li><a href="">Sub 1.3</a> 
     </li> 
    </ul> 
</li> 
<li><a href="">Menu 2</a> 
      <ul class="tonho"><li><a href="">Sub 2.1</a> 
      <ul class="tonho"><li><a href="">Sub Sub 2.1.1</a> 
       </li> 
       </ul>     
       </li> 
       <li><a href="">Sub 2.2</a></li> 
</ul> 
</li> 
<li><a href="">Menu 3</a></li>

編輯：因爲PHP + SQL腳本生成這個菜單，我不能給給1級，2等。

來源

2014-01-20 Diogo Santos

根據您的需要編輯我的答案。 – Era

您需要取消隱藏li標記並僅顯示下一個UI級別。像這樣：Demo

.tonho li:hover > ul { 
    display: block; 
}

來源

2014-01-20 12:18:11 Era

解決了很多問題。 –

1個不錯的答案..... –

是的！我使用的是'li：hover ul'，它可以在一層嵌套中工作，但不能與多個嵌套層次結合使用。''li：hover> ul'是正確的答案。 –

顯示當鼠標是子子菜單懸停

回答

相關問題