Jquery CSS悬停更改另一个div（在另一个单独的包装器div中）

我试图用css hover修改另一个div元素。当它们在同一个容器下时，我让它工作了。但在我的站点上，必须更改的元素必须位于另一个单独的包装器div下

HTML

以下是我想要实现的目标。。。将鼠标悬停在Div A上时在第一组中工作。在第二组中不工作。 在第二个示例中，.c不是.a元素的同级

您需要选择同级box元素，然后从中选择substant.c元素，.a:hover~box.c:

如果包含.c元素的元素没有类或id，则可以使用通用选择器：

.a:hover ~ * .c {
    background: #3F6;
}

---

我不太确定你想做什么，但据我所知，你想分别突出每个不同的问题。如果是这样，请尝试以下方法：

<div>
<div class="a">Div A</div>
<div class="b">Div B</div>
<div class="c">Div C</div>
</div>
<br /><br />
<div class="a">Div A</div>
<div class="b">Div B</div>
<div class="c">Div C</div>

---

完美的谢谢我在盒子里有多个我想瞄准的元素，但我找到了。

.a:hover ~ .c,
.a:hover ~ #box .c {
    background: #3F6;
}

.a:hover ~ * .c {
    background: #3F6;
}

<div>
<div class="a">Div A</div>
<div class="b">Div B</div>
<div class="c">Div C</div>
</div>
<br /><br />
<div class="a">Div A</div>
<div class="b">Div B</div>
<div class="c">Div C</div>