在父级鼠标悬停时显示子级div-是否需要JavaScript？ [英] Show child div on mouse hover of parent - needs javascript?

问题描述

当您将div放置在其父级上方时，我需要显示一个div（默认设置是将子div隐藏）。是使用javascript做到这一点的唯一方法吗？
谢谢

I need to show a div when you house over its parent (default is for the child div to be hidden). Is the only way to do this with javascript? Thanks

推荐答案

不需要JS。

.hidden {
  display: none;
}

.parent:hover .hidden {
  display: block;
}

<div class="parent">
  <p>Hello, I'm a child...</p>
  <p class="hidden">..and so am I but I'm hidden.</p>
</div>

这篇关于在父级鼠标悬停时显示子级div-是否需要JavaScript？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！