div div懸停顯示塊內的Html div

Question

我如何在div內顯示display:none; div以顯示隱藏div，當我將鼠標懸停在div上時？

代碼：

#inside_content{ 
 
    display:none; 
 
} 
 
#box:hover #inside_content{ 
 
    display:block; <!--Dosen't work--> 
 
}

<div id="box"> 
 
    <div id="inside_content"> 
 
    </div> 
 
</div>

是更好地使用類？

Answer 1

您的代碼工作得很好。請看下面的代碼：

#inside_content { 
 
    display:none; 
 
} 
 
#box:hover #inside_content{ 
 
    display:block; 
 
}

<div id="box"> 
 
    Show content inside! 
 
    <div id="inside_content">Hello World</div> 
 
</div>

Answer 2

您不必在div部分內容。您的代碼

<div id="inside_content"> 
</div>