كيفية عرض العناصر عند التمرير فوقها بالفأرة

كيفية عرض العناصر عند التمرير فوقها بالفأرة

الخطوة الأولى - إضافة HTML:

<div class="myDIV">تمرر بفأرتك فوقي.</div>
<div class="hide">عندما يمر شخص ما بفأرته فوق div العلوية، سأظهر.</div>

الخطوة الثانية - إضافة CSS:

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

جرب بنفسك

توضيح المثال:

اختيار مستوى الصف القريب (+) لاختيار جميع العناصر القريبة من العنصر المحدد.

يعني كلمة "القريب" كلمة "الذي يتبعه مباشرة"، يتم اختيار جميع العناصر التي تحتوي على class=".hide" العناصر، هذه العناصر يتم وضعها مباشرة بعد التمرير فوقها في class=".myDIV" بعد العنصر.

الصفحات ذات الصلة

دليل:مجموعات CSS