39 lines
2.1 KiB
Markdown
39 lines
2.1 KiB
Markdown
|
---
|
||
|
|
title: Hover Selector
|
||
|
|
localeTitle: تحوم المختار
|
||
|
|
---
|
||
|
|
## تحوم المختار
|
||
|
|
|
||
|
|
يعد CSS `:hover` selector واحدًا من العديد من الفئات الزائفة التي يتم استخدامها لعناصر النمط.
|
||
|
|
|
||
|
|
يتم استخدام محدد hover: select لتحديد العناصر عند الفأرة فوقها.
|
||
|
|
|
||
|
|
يمكن استخدام محدد hover على جميع العناصر ، وليس فقط على الروابط.
|
||
|
|
|
||
|
|
استخدم: محدد الرابط إلى ارتباطات النمط إلى الصفحات غير المتوقعة ، والمنتقي: زيارة للانتقال إلى الارتباطات للصفحات التي تمت زيارتها ، والمحدد النشط لأسلوب الارتباط النشط.
|
||
|
|
|
||
|
|
ملاحظة:: يجب أن يكون تمرير الماوس بعد: الرابط و: زيارة (إذا كانت موجودة) في تعريف CSS ، لكي تكون فعالة!
|
||
|
|
|
||
|
|
CSS البناء :يحوم { اعلانات css }
|
||
|
|
|
||
|
|
يطبق محدد التمرير فقط الأنماط المتوفرة في القاعدة عندما يدخل العنصر في حالة التمرير. هذا هو عندما يمرر المستخدم فوق العنصر باستخدام الماوس الخاص به.
|
||
|
|
|
||
|
|
`button {
|
||
|
|
color: white;
|
||
|
|
background-color: green;
|
||
|
|
}
|
||
|
|
|
||
|
|
button:hover {
|
||
|
|
background-color: white;
|
||
|
|
border: 2px solid green;
|
||
|
|
color: green;
|
||
|
|
}
|
||
|
|
`
|
||
|
|
|
||
|
|
في المثال أعلاه ، يكون التصميم العادي للزر عبارة عن نص أبيض على زر أخضر. عندما يمرر المستخدم فوق الزر باستخدام الماوس الخاص به ، فإن القاعدة مع `:hover` سوف تصبح نشطة ، وسوف يتغير نمط الزر.
|
||
|
|
|
||
|
|
#### معلومات اكثر:
|
||
|
|
|
||
|
|
[MDN `:hover` Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)
|
||
|
|
|
||
|
|
يمكنك العثور على العديد من الفئات الزائفة في هذه المقالة حول [مستندات فئات Pseudo-](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes) class من [Mozillia](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes) .
|