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 响应**

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

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

更多在这里：结合 jquery 函数 - on() hover/mouseenter/mouseleave
在这里：http://api.jquery.com/on/