使用CSS和HTML进行悬停时显示

Question

如何显示儿童div当悬停标记时？ 当光标悬停定位标记时，我想显示div与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/