是否有可能对上面的元素生效，即使我鼠标悬停在下一个元素上没有？

Question

我试图改变上面的div，如果低于1是鼠标悬停。

这是我的示例代码

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

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

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

请举个例子