Css 如何在鼠标离开主下拉链接时保持悬停状态

Css 如何在鼠标离开主下拉链接时保持悬停状态,css,drop-down-menu,Css,Drop Down Menu,我有一个纯css下拉菜单 html 请查看下面的完整表格,因为我不能在这里发布所有的css代码 我的问题是,当您将邮件链接悬停并转到子链接时,主链接的悬停状态将消失。在子链接上悬停时,如何保持主链接的悬停状态处于活动状态?最好将主链接的悬停状态置于“li”标记上,而不是置于“a”标记上 ul#nav li:hover { // do something } 最好的做法是将主链接的悬停状态放在'li'而不是'a'标记上 ul#nav li:hover { // do something

我有一个纯css下拉菜单

html

请查看下面的完整表格,因为我不能在这里发布所有的css代码


我的问题是,当您将邮件链接悬停并转到子链接时,主链接的悬停状态将消失。在子链接上悬停时,如何保持主链接的悬停状态处于活动状态?

最好将主链接的悬停状态置于“li”标记上,而不是置于“a”标记上

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

最好的做法是将主链接的悬停状态放在'li'而不是'a'标记上

ul#nav li:hover {
  // do something
}
我刚刚添加了:

#nav li:hover { background-color: #a32a31; color: #fff; }
你的例子在css的底部,似乎做你现在需要的

示例在

我刚刚添加了:

#nav li:hover { background-color: #a32a31; color: #fff; }
你的例子在css的底部,似乎做你现在需要的


例如,thanx Billy!这比我想象的要简单得多!我已经将JFIDLE thanx更新给你了!:没问题。几年前,当我自己发现这一点时,真是妙不可言。thanx Billy!这比我想象的要简单得多!我已经将JFIDLE thanx更新给你了!:没问题。几年前,当我自己发现这一点时,这真是一个妙不可言的时刻。