如何保持甚至懸停狀態，當主下拉鍊接

HTML的鼠標移開;

<ul id=nav> 
<li><a href="">Main Link 1</a> 
    <ul> 
     <li><a href="">Main Link 1 Sub Link 1</a></li> 
     <li><a href="">Main Link 1 Sub Link 2</a></li> 
     <li><a href="">Main Link 1 Sub Link 3</a></li> 
     <li><a href="">Main Link 1 Sub Link 4</a></li> 
    </ul></li> 
<li><a href="">Main Link 2</a></li> 
<li><a href="">Main Link 3</a> 
<ul> 
     <li><a href="">Main Link 3 Sub Link 4</a></li> 
     <li><a href="">Main Link 3 Sub Link 4</a></li> 
     <li><a href="">Main Link 3 Sub Link 4</a></li> 
     <li><a href="">Main Link 3 Sub Link 4</a></li> 
    </ul></li> 
<li><a href="">Main Link 4</a></li> 
</ul>

請查看下面的完整表格，因爲我不能在這裏發佈所有的CSS代碼;

http://jsfiddle.net/hF3dm/

我的問題是，當你將鼠標懸停在郵件鏈接並繼續到子鏈接，主鏈路懸停狀態消失。如何保持主鏈接的懸停狀態處於活動狀態，同時將鼠標懸停在子鏈接上？

來源

2012-11-16 Jay Smoke

最好的辦法是將主鏈接的懸停狀態放在'li'而不是'a'標籤上。

ul#nav li:hover { 
    // do something 
}

來源

2012-11-16 12:22:24

什麼thanx比利！這比我想象的要簡單得多！我已經更新了jfiddle thanx給你！ :) –

沒有probs。當多年前我自己想出這件事的時候，這是一個有趣的時刻。 –

我剛加入的：

#nav li:hover { background-color: #a32a31; color: #fff; }

您的例子（在CSS的底部），似乎你現在需要

例如在http://jsfiddle.net/hF3dm/6/

來源

2012-11-16 12:27:04

如何保持甚至懸停狀態，當主下拉鍊接

回答

相關問題