الفرق بين المراجعتين ل"CSS/Topics/Pseudo Classes"

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

المراجعة الحالية بتاريخ 15:25، 27 يناير 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 عنصرٌ تمت زيارته من قبل، ولأسباب تابعة للخصوصية، إنَّ عدد الخاصيات التي يمكن تغيير قيمتها باستخدام هذا المُحدِّد قليلةٌ جدًا.
مجلوبة من "https://wiki.hsoub.com/index.php?title=CSS/Topics/Pseudo_Classes&oldid=1401"