悬停时css为另一个元素着色

Question

当我将鼠标悬停在a2时，我想更改a1的颜色。 我尝试了以下

.a2:hover + .a1{color: black;}
.a2:hover ~ .a1{color: black;}
.a2:hover > .a1{color: black;}

但是没有用。代码是：

<div class="dd_box"> 
       <div class="a1">a1</div>
       <div class="dd_content_1">
         <div class="dd_box">
          <div class="a2">a2</div>

感谢您的帮助！