CSS/Topics/Pseudo Classes
< CSS | Topics
اذهب إلى التنقل
اذهب إلى البحث
مراجعة 09:09، 10 يناير 2018 بواسطة عبد اللطيف ايمش (نقاش | مساهمات)
| الصنف | الوصف |
|---|---|
:active
|
يُمثِّل عنصرًا (مثل الأزرار) التي جرى تفعيلها من المستخدم. وعند استخدام الفأرة سيبدأ «تفعيل» العنصر عندما يضغط المستخدم على الزر الرئيسي لها وينتهي عند إفلات الضغط على ذاك الزر. |
:checked
|
يُمثِّل أيّة أزرار انتقاء (radio button) أو صناديق تأشير (checkbox) أو خيارات <option> في عنصر<select> تم تحديدها أو انتقاؤها. يمكن أن يُفعِّل المستخدم هذه الحالة بتفعيل أو انتقاء العنصر.
|
:default
|
يُمثِّل أي عنصر مُختار افتراضيًا بين مجموعة من العناصر المتعلقة به؛ ويمكن استخدام هذا الصنف الزائف على أيّة أزرار عادية <button> أو أزرار انتقاء (radio button) أو صناديق تأشير (checkbox) أو خيارات <option> في عنصر <select> تم تحديدها أو انتقاؤها.
|
:disabled
|
يُمثِّل أي عنصر مُعطَّل، ولا يمكن اختيار أو النقر على العنصر المعطَّل ولا الكتابة فيه، ولا يقبل التركيز (focus)، ويمكن أن يكون العنصر مُفعَّلًا (enabled) أي يمكن اختياره أو النقر عليه أو الكتابة فيه. |
:empty
|
يُمثِّل أي عنصر ليس له أبناء، والأبناء يمكن أن تكون عقد عناصر (element nodes) أو عقدًا نصيةً (text nodes) بما في ذلك الفراغات. لن تؤثر التعليقات على اعتبار العنصر فارغًا أم لا. |
:enabled
|
يُمثِّل أي عنصر مُفعّل، أي يمكن اختياره أو النقر عليه أو الكتابة فيه أو يمكن التركيز عليه (focus). |
:first
|
يُستعمَل مع القاعدة @page، ويُمثِّل أوّل صفحة من المستند عند طباعته.
|
:first-child
|
يُمثِّل أوّل عنصر في مجموعة من العناصر الأخوة (sibling elements). |
:first-of-type
|
يُمثِّل أوّل عنصر من نوعه في مجموعة من العناصر الأخوة. |
:fullscreen
|
يُمثِّل العناصر التي تُعرَض عندما يكون المتصفح في وضع ملء الشاشة. |
:focus
|
يُمثِّل عنصرًا (مثل عناصر النماذج) التي استقبل التركيز (foucs)، ويُفعَّل التركيز إذا ضغط المستخدم أو لمس أحد العناصر أو وصل إليه عبر مفتاح tab على لوحة المفاتيح. |
:hover
|
يُطابِق العناصر التي يتفاعل المستخدم معها مع جهاز تأشير لكن ليس بالضرورة أن يفعِّلها، ويُفعَّل هذا الصنف الزائف عادةً عندما يمر المستخدم بجهاز التأشير (الفأرة غالبًا) فوق العنصر. |
:indeterminate
|
يُمثِّل أيّة نماذج تكون حالتها غير معروفة (indeterminate). |
:in-range
|
يُمثِّل أيّة عناصر<input> التي تكون قيمتها ضمن المجال المسموح المُحدَّد عبر الخاصيتينmin و max.
|
:invalid
|
يُمثِّل أيّة عناصر <input>أو <form> التي فشل التحقق من صحة محتوياتها.
|
:lang()
|
يطابق العناصر اعتمادًا على لغة تلك العناصر. |
:last-child
|
يُمثِّل آخر عنصر في مجموعة من العناصر الأخوة (sibling elements). |
:last-of-type
|
يُمثِّل آخر عنصر من نوعه في مجموعة من العناصر الأخوة. |
:left
|
يُستعمَل مع القاعدة @page، ويُمثِّل الصفحات اليسارية (left hand pages) من المستند عند طباعته.
|
:link
|
يُمثِّل عنصرًا لم تتم زيارته من قبل، ويُطابِق جميع عناصر <a> و <area> و <link> التي لها الخاصية hrefولم تتم زيارتها بعد.
|
:not()
|
يُمثِّل العناصر التي لا تُطابِق مُحدِّدًا أو أكثر، يسمى هذا الصنف أيضًا بصنف النفي الزائف (negation pseudo-class). |
:nth-child()
|
يُطابِق عنصرًا أو أكثر بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings). |
:nth-last-child()
|
يُطابِق عنصرًا أو أكثر بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings)، وذلك بدءًا من نهاية المجموعة. |
:nth-last-of-type()
|
يُطابِق عنصرًا أو أكثر من نوعٍ معيّن بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings). بدءًا من النهاية إلى البداية. |
:only-child
|
يُطابِق عنصرًا لا يملك أيّة عناصر أخوة (siblings)، وهذا المُحدِّد يماثل :first-child:last-child أو :nth-child(1):nth-last-child(1) لكن درجة التحديد له أقل.
|
:only-of-type
|
يُطابِق عنصرًا لا يملك أيّة عناصر أخوة (siblings) من نفس نوعه. |
:optional
|
يُمثِّل أيّة عناصر<input> أو <select> أو <textarea> التي لم تُضبَط الخاصية requiredعليها.
|
:out-of-range
|
يُمثِّل أيّة عناصر<input> التي لا تكون قيمتها ضمن المجال المسموح المُحدَّد عبر الخاصيتينmin و max.
|
:read-only
|
يُمثِّل أي عنصر فيه محتوى نصي لا يمكن للمستخدم تعديله. |
:read-write
|
يُمثِّل أي عنصر فيه محتوى نصي يمكن للمستخدم تعديله. |
:required
|
يُمثِّل أيّة عناصر<input> أو <select> أو <textarea> التي ضُبِطَت الخاصية requiredعليها.
|
:right
|
يُستعمَل مع القاعدة @page، ويُمثِّل الصفحات اليمينية (right hand pages) من المستند عند طباعته.
|
:root
|
يُطابِق العنصر الجذر في شجرة المستند، أي أنَّه يُطابِق العنصر <html> في مستندات HTML، وهو مكافئ للمُحدِّد html إلا أنَّ درجة التحديد له أعلى.
|
:target
|
يُمثِّل عنصرًا فريدًا يُطابِق مُعرِّفه id قسمًا من رابط URL.
|
:valid
|
يُمثِّل أيّة عناصر <input>أو <form> التي نجح المتصفح بالتحقق من صحة محتوياتها.
|
:visited
|
يُمثِّل عنصرًا تمت زيارته من قبل، ولأسباب تابعة للخصوصية، إنَّ عدد الخاصيات التي يمكن تغيير قيمتها باستخدام هذا المُحدِّد قليلةٌ جدًا. |