如何保持甚至悬停状态，当主下拉链接

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

如何保持甚至悬停状态，当主下拉链接

回答

相关问题