html - 悬停时 CSS 更改其他元素不起作用

Question

我试图在 Wordpress Genesis 中同时显示子菜单项和一个 div。但是，当我将鼠标悬停在 div 上时，子菜单会消失。

我正在使用下面的代码，但它不起作用

.sbclass:hover + #nav li:nth-child(3):hover ul, 
#nav li:nth-child(3) ul, 
#nav li:nth-child(3).sfHover ul, 
#nav li:nth-child(3) .submenu {
    visibility:visible !important;
    display:block !important;
}

您可以在此处查看第三个导航菜单项菜单

http://174.120.233.154/~a348/nextmktg/jle/ 

Answer 1

** 原始帖子以发帖人询问如何解决他的 mouseenter/mouseleave 问题结束，这就是为什么这是对他的 css 问题的 javascript 响应 **

好吧，您使用的是 jquery，所以最基本的方法如下。还有更漂亮的方法来做到这一点。

$('selector').on('mouseenter', function(){
  $(this).addClass('open');
});
$('selector').on('mouseleave', function(){
  $(this).removeClass('open');
});

更多信息:Combining jquery functions - on() hover/mouseenter/mouseleave
在这里:http://api.jquery.com/on/