如何在鼠标悬停时显示元素

如何在鼠标悬停时显示元素

第一步 - 添加 HTML：

将鼠标悬停在我身上。
当有人将鼠标悬停在上面的 div 上时，我就会显示出来。

第二步 - 添加 CSS：

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

亲自试一试

例子解释：

ఆశ్రయించబడిన సమాన స్థాయి ఎంపికదారి+) అన్ని సంబంధిత క్లాస్ తో పోల్చబడతాయి అన్ని సంబంధిత క్లాస్ తో పోల్చబడతాయి

“ఆశ్రయించబడిన” అనే పదం అర్థం చెప్పాలంటే అని అర్థం చెప్పబడతాయి, పైన ఉన్న ఉదాహరణ అన్ని సంబంధిత క్లాస్ తో పోల్చబడతాయి class=".hide" అంశాలు, ఈ అంశాలు హోవర్ అయినప్పుడు తదుపరి స్థానంలో పెట్టబడతాయి కానీ సంబంధిత క్లాస్ తో పోల్చిన క్లాస్ తో పోల్చబడతాయి class=".myDIV" 的元素之后。

相关页面

教程：CSS 组合器