html - 悬停另一个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

工作 fiddle http://jsfiddle.net/nntTn/2/

你只是选错了这个

所以我改变了这个

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

为此

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

现在效果很好。