如何 - 懸停顯示元素
瞭解如何懸停顯示元素。
將滑鼠懸停在我身上。
當有人將滑鼠懸停在上面的 div 上時,我就會顯示出來。
如何懸停顯示元素
步驟 1) 新增 HTML
示例
<div class="myDIV">將滑鼠懸停在我身上。</div>
<div class="hide">當有人將滑鼠懸停在上面的 div 上時,我就會顯示出來。</div>
步驟 2) 新增 CSS
示例解釋
相鄰同胞選擇器 (+
) 選擇指定元素的所有相鄰同胞元素。
“相鄰”一詞意為“緊隨其後”,上面的示例選擇所有具有 class=".hide"
且在懸停時緊跟在具有 class=".myDIV
" 的元素之後的所有元素。
請訪問我們的CSS 組合器教程,瞭解更多關於相鄰選擇器的資訊。