CSS选择和修改不同级别的元素

Question

我的目标是将鼠标悬停在较低元素上，从而将较高级别的元素修改。

案例：

<div class="box">
   <div class="hover">
      HOVER ME
   </div>
</div>
<div>
   Some other elements
</div>
<div class="lightdiv">
   <div class="light">
      Light me up!
   </div>
</div>

这当然是我试图完成此任务的非常简化的版本，真实的事物之间还有更多的元素。

当我将鼠标悬停在.hover（而不是.box）上时，我希望div .light更改背景颜色。

仅CSS就能做到吗？如果可能的话，我不想使用JS。

谢谢！