如何 - 在悬停时显示元素

了解如何在悬停时显示元素。

将鼠标悬停在我上方。

如何在悬停时显示元素

<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when someone hovers over the div above.</div>

.hide {
display: none;
}

.myDIV:hover + .hide {
display: block;
color: red;
}

相邻的兄弟选择器 (+) 选择与指定元素相邻的所有元素。

单词"adjacent" 表示"immediately following"，上面的示例选择所有带有class=".hide"，紧邻元素之后放置class=".myDIV”，悬停时。

去我们的CSS 组合器教程了解有关相邻选择器的更多信息。