在悬停时在另一个div内显示div

Question

我在div中有一个div“actions”，默认情况下是隐藏的。我想让它显示当鼠标悬停在div上时。我怎么能这样做？

<div class="tile">
  <div class="actions">hello</div>
</div>

Answer 1

使用CSS：

.tile:hover > .actions {
  display:block;
}

请参阅此fiddle

Answer 2

通过css处理它

.tile:hover .actions{
display:block;
}