CSS更改悬停其他元素不能正常工作

我想在Wordpress Genesis中同时显示子菜单项和div。但是当我将鼠标悬停在div上时，子菜单消失。CSS更改悬停其他元素不能正常工作

我使用下面的代码，但它不工作

.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/

来源

2013-04-17 David

请提供的jsfiddle – Sprottenwels

一个例子你为什么不把你的DIV子菜单里面？ – Bill

它在Chrome中正常工作。你有什么问题？ –

-1

** 原来的职位与结束海报问如何用mouseenter/mouseleave来解决他的问题，这就是为什么这个javascript回应他的css问题 **

Welp，你使用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/

来源

2013-04-17 16:34:33

为什么你建议一个纯粹的CSS问题的Javascript解决方案？虽然有时候是有效的，但你需要非常好的理由，在这种情况下我没有看到。 –

阅读线程，他问mouseenter/mouseleave是如何工作的。 –

@Niels你有使用纯CSS的解决方案吗？ – David

CSS更改悬停其他元素不能正常工作

回答

相关问题