使用:hover来修改另一个类的CSS吗？

10 浏览
0 Comments

使用:hover来修改另一个类的CSS吗？

有没有办法在只使用CSS的情况下，当悬停在另一个类的元素上时修改一个类的CSS？

类似这样的代码：

.item:hover .wrapper { /*一些CSS*/ }

只是'wrapper'不在'item'里面，它在别的地方。

我真的不想为这么简单的事情使用JavaScript，但如果非得用，我该怎么做？这是我失败的尝试：

document.getElementsByClassName('item')[0].onmouseover="document.getElementsByClassName('wrapper')[0].style.background="url('一些url')";";

每个类只有一个元素。不知道为什么他们在制作模板时没有使用ID，但事实就是如此，我无法改变它。

[编辑]

这是一个菜单。每个菜单元素都有一个独特的类。当你悬停在元素上时，右侧会弹出一个子菜单。它就像一个叠加层，当我使用“检查元素”工具时，我可以看到整个网站的HTML在子菜单激活时发生了变化（意味着只有子菜单）。我称之为'wrapper'的类具有控制子菜单背景的CSS。我真的看不到这两个类之间有任何联系。

0