如何 - 悬停显示元素
了解如何悬停显示元素。
将鼠标悬停在我身上。
当有人将鼠标悬停在上面的 div 上时,我就会显示出来。
如何悬停显示元素
步骤 1) 添加 HTML
示例
<div class="myDIV">将鼠标悬停在我身上。</div>
<div class="hide">当有人将鼠标悬停在上面的 div 上时,我就会显示出来。</div>
步骤 2) 添加 CSS
示例解释
相邻同胞选择器 (+
) 选择指定元素的所有相邻同胞元素。
“相邻”一词意为“紧随其后”,上面的示例选择所有具有 class=".hide"
且在悬停时紧跟在具有 class=".myDIV
" 的元素之后的所有元素。
请访问我们的CSS 组合器教程,了解更多关于相邻选择器的信息。