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

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

第一步 - 添加 HTML：

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

第二步 - 添加 CSS：

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

亲自试一试

例子解释：

相邻同级选择器 (+সম্পর্কিত উপাদানগুলিকে নির্দিষ্ট উপাদানের সাথে সম্পর্কিত

“সম্পর্কিত” শব্দটির অর্থ হলো “তার পরে”, উপরোক্ত উদাহরণটি সমস্ত এমন উপাদানগুলিকে চিহ্নিত করেছে যারা class=".hide" এই তত্ত্বের উপাদানগুলি, যা হলো স্থানান্তর করা হয়েছে, সেগুলি হলো অগ্রবর্তীভাবে এমন সব উপাদানগুলিকে স্থাপন করা হয়েছে যারা হলো class=".myDIV" 的元素之后。

相关页面

教程：সিএসএস কম্বাইনার