如何在悬停另一个div时开始转换？

Question

我对编码很新......

<div class="box">
<a href="#">Click Here</a>
<div class="slide"></div>
</div>

这是我的代码。当我将鼠标悬停在整个“盒子”上时，我试图让“滑动”开始转换。因为现在我必须将鼠标悬停在实际的div上。

这是jsfiddle。我一直在使用LESS，你能不能在jsfiddle中使用它？

http://jsfiddle.net/nntTn/

感谢任何帮助。谢谢！

Answer 1

工作小提琴http://jsfiddle.net/nntTn/2/

你刚刚选择了错误的选择器

所以我改变了这个

.box .slide:hover {
  left: 262px;
}

到这个

.box:hover .slide {
  left: 262px;
}

现在效果很好。

Answer 2

在你的小提琴的第32行，改为：

.box:hover .slide {