有没有办法在仅使用css将鼠标悬停在另一个类的元素上时修改一个类的css？
就像是:
.item:hover .wrapper { /*some css*/ }
只有'包装'不在'项目'内,它在其他地方.
我真的不想使用javascript这么简单,但如果必须,我该怎么做？这是我失败的尝试:
document.getElementsByClassName('item')[0].onmouseover="document.getElementsByClassName('wrapper')[0].style.background="url('some url')";";
每个班级只有一个元素.不知道为什么他们在制作模板时没有使用ID,但这就是它的原因,我无法改变它.
[编辑]
这是一个菜单.每个菜单元素都有一个独特的类.当您将鼠标悬停在元素上时,子菜单会弹出到右侧.它就像一个叠加层,当我使用'Inspect Element'工具时,我可以看到整个网站html在子菜单处于活动状态时发生变化(意味着除了子菜单之外什么都没有).我称之为"包装器"的类具有控制子菜单背景的css.在这两个类之间我真的没有任何联系.