div hover显示块内的Html div

Question

当我将鼠标悬停在div上时，如何在div中创建display:none; div来显示隐藏的div？

代码：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

使用课程会更好吗？

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部分没有内容。你的代码

{
"client_id": "xxxxxxxxx.apps.googleusercontent.com",
"client_secret": "xxxxxxxxx",
"scope": [
   "https://docs.google.com/feeds/",
   "https://www.googleapis.com/auth/drive",
   "https://spreadsheets.google.com/feeds/"
],
"refresh_token": "1/xxxxxxxxxx"
}