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

Posted 2023-03-06

【中文标题】调用 css id 选择器来改变另一个类

【英文标题】：Call css id selector to change another class

【发布时间】：2015-02-15 20:47:18

【问题描述】：

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

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

感谢您的帮助！

【问题讨论】：

请不要绕过质量过滤器。将代码放入问题中。

【参考方案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');
)

【讨论】：

好的，这是正确的，但只有当我将鼠标悬停在“7”选项卡上时，我才会显示 .box。 （现在我编辑示例：[link]jsfiddle.net/a3y52/654

jQuery 的替代方案很好！但是你没有纯js的替代品吗？谢谢。