css实现鼠标移动到div，改变另一个div 样式

<div class="A">
hhhh
        <div class="B>
         yyyyyyyy
       </div>
</div>



.A:hover .B{
color:red
}

移动到A div  B div 就变色