Html 即使我将鼠标悬停在下一个元素上而不使用鼠标，是否可以对上面的元素生效？

我试图改变上面的div，如果下面一个是鼠标悬停

这是我的示例代码

<div class="mainDiv">
<div class="a">Div A</div>
<div class="b">Div B</div>
</div>

.b:hover ~ .a {
    background: #ccc
}

如果我将鼠标悬停在b上，a的背景应该在不使用jquery的情况下更改。我的意思是使用简单的javascript

---

请给我举一个css使用不可能的例子JS@VitorinoFernandes请给我一个例子，或者你可以用css做一些类似的事情，参考这个。。