在悬停a-tag时移动div

Question

是否可以更改类的属性＆＃34; divToMove＆＃34;在悬停标签时someBtn？

我试过这个，但它没有用......

#someBtn:hover .divToMove {
     /* properties... */
}


<div class="menu-slider">
 <a id="someBtn" href=""></a>
 <div class="divToMove"></div>
</div>

提前致谢！

Answer 1

定位链接的下一个兄弟。这应该可以正常工作：

#someBtn:hover + .divToMove{
  margin-top: 10px;
}

Answer 2

我认为你正在寻找这样的东西：

.divToMove {
    transition: 0.5s ease;
}

#someBtn:hover + .divToMove {
    margin: 25px 0 0 0;
}

<div class="menu-slider">
 <a id="someBtn" href="">Hover over me</a>
 <div class="divToMove">Move me</div>
</div>