如何 - 在悬停时显示元素
学习如何在悬停时显示元素。
将鼠标悬停在我上面。
当有人将鼠标悬停在上面的 div 上时,我会显示出来。
鼠标悬停时如何显示元素
步骤 1) 添加 HTML
示例
<div class="myDIV">将鼠标悬停在我上面。</div>
<div class="hide">当有人将鼠标悬停在上面的 div 上时,我会显示出来。</div>
步骤 2) 添加 CSS
示例说明
相邻兄弟选择器 (+
) 选择所有作为指定元素的相邻兄弟的元素。
“相邻”一词表示“紧随其后”,上面的示例选择所有具有 class=".hide"
的元素,这些元素在悬停时紧接在具有 class=".myDIV"
的元素之后。
访问我们的 CSS 组合器教程,了解有关相邻选择器的更多信息。