如何在悬停在另一个 <div> 上时显示 <div> [重复]答案

【问题标题】：How to display a <div> on hover on another <div> [duplicate]如何在悬停在另一个 <div> 上时显示 <div> [重复]
【发布时间】：2017-08-24 19:16:23
【问题描述】：

我用过 bootstrap 和 css ，这是我的代码

<div class = "row" id="parent"=>

  <div class="col-md-8" id="ClildDiv1">

  //Some Content

</div>

<div class="col-md-4" id="ChildDiv2" style="display:none">

  //Some Content

<div>

</div>

现在我想悬停在 <div class="row Parent> 在这种情况下，它的所有孩子都应该是可见的 <div class="col-md-4 ChildDiv2">

任何帮助都将不胜感激，我只想通过 CSS 样式来实现这一点

【问题讨论】：

您共享的代码不足以解决这个问题 - 标签甚至不匹配
这个问题在这个网站上仅在 CSS 标签中就被问了至少 30 次。下次请用力搜索！ :-)
哎呀，但我得到了答案，谢谢大家

标签： css html

【解决方案1】：

你想要一个兄弟选择器。一般兄弟~或下一个兄弟+

.ClildDiv1:hover ~ .ChildDiv2 {
    display: block;
}

见fiddle here

或者，任何子 div 的父悬停将是

.Parent:hover > div {
  display: block;
}

【讨论】：

.Parent:hover > div 节省了我的时间，谢谢！！