html - 仅使用 CSS 和 HTML 在悬停时显示

Question

div悬停锚标签时如何显示孩子？当光标悬停锚标记时，我想显示一个divwith 类。botm这是我正在使用的确切方案，所以请保持标签的顺序相同：

HTML：

<a> Hover me!</a>
<div class="faraz"> sdjfg 
<div class="dikha">Stuff shown on hover</div>
<div class="botm"></div>
</div>

CSS：

div {
display: none;
}

a:hover ~ .faraz > .botm {
display: block;
background-color: RED;
height: 250px;
width: 960px;
}
.botm {
background-color: #0CC;
height: 50px;
width: 100%;
position: fixed;
top: 90px;
}

Answer 1

目标 div 的父级是隐藏的，因此无法显示。也向父母展示，一切都会奏效。

a:hover ~ .faraz{
    display:block;
}

http://jsfiddle.net/r2Zyp/