在父母的鼠标悬停上显示子div - 需要javascript吗？

Question

你需要在它的父节点上显示一个div(默认是隐藏子div).使用javascript是唯一的方法吗？谢谢

Answer 1

不需要JS.

HTML

.hidden {
  display: none;
}

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

CSS

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

Answer 2

@jdln; 是

CSS:

.outer {
    background:red;
    height:100px;
}
.box1 {
    background:blue;
    height:100px;
    width:80px;
    display:none;
}
.outer:hover .box1{
    display:block;
    cursor:pointer;
}

检查小提琴:http://jsfiddle.net/sandeep/XLTV3/1/