使用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/