2 Div's One隐藏并出现在第2位

Question

我有2个div彼此相邻,我们称之为div A和​​div B.

我希望Div B隐藏,当你将鼠标悬停在div a上时,div b出现,然后当你不再悬停盘旋时它会消失....不知道要放什么.

Answer 1

使用这样的HTML:

<div class="a">
   This is div a.
</div>
<div class="b">
   This is div b.
</div>

您可以像这样使用CSS:

.b {
  display:none;
}
.a:hover + .b {
  display:block;
}

因此B div开始隐藏display:none,但是当你将鼠标悬停在A div上时,它会变得可见display:block.

小提琴的例子

注意:如果div在DOM中彼此不直接相邻,则需要将a替换为+a ~以获得相同的效果.