滑鼠移入div顯示按鈕，移出隱藏按鈕
阿新 • • 發佈：2020-12-13
技術標籤：css
滑鼠移入時：
滑鼠移出時：
實現：
<div class="father">
<button class="son">我是按鈕</button>
</div>
.father{ background-color: burlywood; height: 30px; &:hover .son{ display: block; // 設定父元素hover時子元素的樣式 【實現要點！！！！！】 } } .son{ background-color: cadetblue; height: 20px; float: left; // 讓按鈕浮動在父元素上 display: none; }