كيفية - عرض عنصر عند التمرير
تعرف على كيفية عرض عنصر عند التمرير.
تحوم فوقي.
I am shown when someone hovers over the div above.
كيفية عرض عنصر على التمرير
الخطوة 1) أضف HTML:
مثال
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
الخطوة 2) أضف CSS:
مثال
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
شرح المثال
محدد الأخوة المجاور ( +
) يحدد جميع العناصر التي هي أشقاء متجاورة لعنصر محدد.
كلمة "المجاور" تعني "التالي مباشرة" ، والمثال أعلاه يحدد جميع العناصر class=".hide"
التي توضع مباشرة بعد العناصر ذات class=".myDIV
"، عند التمرير.
انتقل إلى برنامج CSS Combinators التعليمي الخاص بنا لمعرفة المزيد حول المحددات المجاورة.