在懸停a-tag時移動div

是否可以在懸停a-tag someBtn時更改類「divToMove」的屬性？在懸停a-tag時移動div

我已經試過這一點，但它不工作...

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


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

提前感謝！

來源

2016-03-25 Marco Koivisto

你嘗試'#someBtn：懸停+ .divToMove'？ – Akshay

是的，我也試過了：/ @Akshay –

然後你做錯了什麼https://jsfiddle.net/akshay7/oyxxa17b/ – Akshay

定位鏈接的下一個兄弟。這應該很好地工作：

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

來源

2016-03-25 08:01:41

我認爲你在尋找這樣的事情：

.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>

來源

2016-03-25 09:12:52

在懸停a-tag時移動div

回答

相關問題