悬停一个元素以更改不是孩子或同居对象的另一个元素

Question

示例代码：

<div class="box1"></div>
<div class="box2"></div>

我想要悬停在box2上以更改box1的样式。

此外，可以这样做。

<div class="box2"></div>
<div class="box1"></div>

.box2:hover ~ .box1 {

}  

还有其他解决方法吗？