调用 css id 选择器来改变另一个类

Question

我有这个菜单，其中带有 css id 选择器的选项卡在悬停时隐藏或显示 div，但我不能在 css 中调用它。 在这里，我插入一个示例来更好地解释我的问题：在悬停时出现 7、8 和 9。我必须如何改变：#seven:hover ~ .box

http://jsfiddle.net/a3y52/654/

感谢您的帮助！

Answer 1

您无法在 CSS 中实现这一点。相反，您可以使用div.menu 元素触发悬停，因为该元素与您要影响的元素处于同一级别：

.menu:hover ~ .box {
    display: inline-block;
}

查看DEMO

替代 jQuery

$(document).on('mouseenter', '#seven', function() {
    $('.box').css({'display':'inline-block'});
}).on('mouseout', '#seven', function() {
    $('.box').removeAttr('style');
})