Javascript CSS在另一个div悬停时更改单独div的背景色

给出一个基本的菜单和div，如下所示

链接：悬停~自定义{ 背景：ccc } 自定义内容

---

您可以使用hover mynav更改mydiv css 试试这个css

<style>
#mynavid:hover +#mydivid{color:red;}
</style>

---

这里是简单的代码，我希望这将有助于

.卡片{ 宽度：150px； } .形象{ 高度：80px； 背景色：番茄； } .说明{ 高度：80px； 背景色：柠檬黄； } .image:hover~.description.link， .link:悬停{ 颜色：ff0； 背景色：白色； } img 使用连续集合。

---

是的，您可以使用j-query进行查询。 以下是脚本代码：

$document.readyfunction{ $document.mousemove函数{ 如果$nav链接：hover.length！=0{ $.custom.cssbackground颜色，红色； }否则{ $.custom.cssbackground颜色，； } }; }; 自定义内容

---

参考这一点，我已经尝试使用相邻的兄弟组合器，但它不起作用。目前尚未更新opNot。CSS无法选择父节点。您必须在mouseover/mouseout上使用JavaScript，并从div.custom中添加/删除一个类。检查一下html结构，你需要js。我试过使用相邻的同级combinator-link没有同级，这就是为什么它不起作用的原因。我想关键是nav中也会有其他链接显示其他div，加上op的html结构，你必须将鼠标悬停在标题上，而不是nav上