Css 悬停效果多个子元素

当鼠标悬停在同级元素上时，是否可以保持元素悬停效果？我制作了一把小提琴来演示。我试图在H3文本上方悬停时保持

.child菜单img

100%的不透明度。我发现当悬停在

.child菜单

div上时，我可以使用

影响h3。child菜单项：hover>h3

，但我找不到一种方法在悬停在h3上时保持悬停效果。希望这有意义！我想知道这是否需要jQuery，但到目前为止，我的搜索还没有找到任何解决方案（javascript或纯CSS）。或者我需要修改我的标记以使其正常工作。我太迷路了

谢谢你的帮助

---

似乎需要使用

。子菜单项：hover

作为所有悬停状态样式的基础：

.child-menu-item:hover a>img {
    opacity: 1;
    filter:alpha(opacity=100);
}
.child-menu-item:hover>h3 {
    background:white;
}
.child-menu-item:hover h3 a {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none;
}

---

这就是你想要的吗@考拉·德夫那正是我要找的！非常感谢！缺少的CSS是

。子菜单项：hover a>img

没问题，但请记住这是一个问答式网站，因此最好添加答案，而不是用解决方案更新问题。我已经在下面添加了我的，请考虑将它标记为接受，以便让社区知道你的问题现在已经解决了。