css - 悬停时在其他 div 中显示 div

Question

我在默认情况下隐藏的 div 中有一个 div“动作”。我希望它在鼠标悬停在 div 上时显示。我怎样才能做到这一点？

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

Answer 1

使用 CSS：

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

看到这个小提琴

Answer 2

用css处理

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