الفرق بين المراجعتين لصفحة: «CSS/Topics/Pseudo Classes»

المراجعة الحالية بتاريخ 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`	عنصرٌ تمت زيارته من قبل، ولأسباب تابعة للخصوصية، إنَّ عدد الخاصيات التي يمكن تغيير قيمتها باستخدام هذا المُحدِّد قليلةٌ جدًا.

@@ سطر 1: / سطر 1: @@
 {| class="wikitable"
 !الصنف
-!الوصف
+!التمثيل
 |-
 |<code>[[CSS/:active|‎:active]]</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>[[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>
-|يُمثِّل أي عنصر مُعطَّل، ولا يمكن اختيار أو النقر على العنصر المعطَّل ولا الكتابة فيه، ولا يقبل التركيز (focus)، ويمكن أن يكون العنصر مُفعَّلًا (enabled) أي يمكن اختياره أو النقر عليه أو الكتابة فيه.
+|أي عنصر مُعطَّل، ولا يمكن اختيار أو النقر على العنصر المعطَّل ولا الكتابة فيه، ولا يقبل التركيز (focus)، ويمكن أن يكون العنصر مُفعَّلًا (enabled) أي يمكن اختياره أو النقر عليه أو الكتابة فيه.
 |-
 |<code>[[CSS/:empty|‎:empty]]</code>
-|يُمثِّل أي عنصر ليس له أبناء، والأبناء يمكن أن تكون عقد عناصر (element nodes) أو عقدًا نصيةً (text nodes) بما في ذلك الفراغات. لن تؤثر التعليقات على اعتبار العنصر فارغًا أم لا.
+|أي عنصر ليس له أبناء، والأبناء يمكن أن تكون عقد عناصر (element nodes) أو عقدًا نصيةً (text nodes) بما في ذلك الفراغات. لن تؤثر التعليقات على اعتبار العنصر فارغًا أم لا.
 |-
 |<code>[[CSS/:enabled|‎:enabled]]</code>
-|يُمثِّل أي عنصر مُفعّل، أي يمكن اختياره أو النقر عليه أو الكتابة فيه أو يمكن التركيز عليه (focus).
+|أي عنصر مُفعّل، أي يمكن اختياره أو النقر عليه أو الكتابة فيه أو يمكن التركيز عليه (focus).
 |-
 |<code>[[CSS/:first|‎:first]]</code>
@@ سطر 25: / سطر 25: @@
 |-
 |<code>[[CSS/:first-child|‎:first-child]]</code>
-|يُمثِّل أوّل عنصر في مجموعة من العناصر الأخوة (sibling elements).
+|أوّل عنصر في مجموعة من العناصر الأخوة (sibling elements).
 |-
 |<code>[[CSS/:first-of-type|‎:first-of-type]]</code>
-|يُمثِّل أوّل عنصر من نوعه في مجموعة من العناصر الأخوة.
+|أوّل عنصر من نوعه في مجموعة من العناصر الأخوة.
 |-
 |<code>[[CSS/:fullscreen|‎:fullscreen]]</code>
-|يُمثِّل العناصر التي تُعرَض عندما يكون المتصفح في وضع ملء الشاشة.
+|العناصر التي تُعرَض عندما يكون المتصفح في وضع ملء الشاشة.
 |-
 |<code>[[CSS/:focus|‎:focus]]</code>
-|يُمثِّل عنصرًا (مثل عناصر النماذج) التي استقبل التركيز (foucs)، ويُفعَّل التركيز إذا ضغط المستخدم أو لمس أحد العناصر أو وصل إليه عبر مفتاح tab على لوحة المفاتيح.
+|العناصر (مثل عناصر النماذج) التي استقبل التركيز (foucs)، ويُفعَّل التركيز إذا ضغط المستخدم أو لمس أحد العناصر أو وصل إليه عبر مفتاح tab على لوحة المفاتيح.
 |-
 |<code>[[CSS/:hover|‎:hover]]</code>
-|يُطابِق العناصر التي يتفاعل المستخدم معها مع جهاز تأشير لكن ليس بالضرورة أن يفعِّلها، ويُفعَّل هذا الصنف الزائف عادةً عندما يمر المستخدم بجهاز التأشير (الفأرة غالبًا) فوق العنصر.
+|العناصر التي يتفاعل المستخدم معها مع جهاز تأشير لكن ليس بالضرورة أن يفعِّلها، ويُفعَّل هذا الصنف الزائف عادةً عندما يمر المستخدم بجهاز التأشير (الفأرة غالبًا) فوق العنصر.
 |-
 |<code>[[CSS/:indeterminate|‎:indeterminate]]</code>
-|يُمثِّل أيّة نماذج تكون حالتها غير معروفة (indeterminate).
+|أيّة نماذج تكون حالتها غير معروفة (indeterminate).
 |-
 |<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>[[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/:last-child|‎:last-child]]</code>
-|يُمثِّل آخر عنصر في مجموعة من العناصر الأخوة (sibling elements).
+|آخر عنصر في مجموعة من العناصر الأخوة (sibling elements).
 |-
 |<code>[[CSS/:last-of-type|‎:last-of-type]]</code>
-|يُمثِّل آخر عنصر من نوعه في مجموعة من العناصر الأخوة.
+|آخر عنصر من نوعه في مجموعة من العناصر الأخوة.
 |-
 |<code>[[CSS/:left|‎:left]]</code>
@@ سطر 61: / سطر 61: @@
 |-
 |<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>
-|يُمثِّل العناصر التي لا تُطابِق مُحدِّدًا أو أكثر، يسمى هذا الصنف أيضًا بصنف النفي الزائف (negation pseudo-class).
+|العناصر التي لا تُطابِق مُحدِّدًا أو أكثر، يسمى هذا الصنف أيضًا بصنف النفي الزائف (negation pseudo-class).
 |-
 |<code>[[CSS/:nth-child|‎:nth-child()‎]]</code>
-|يُطابِق عنصرًا أو أكثر بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings).
+|عنصرٌ أو أكثر بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings).
 |-
 |<code>[[CSS/:nth-last-child|‎:nth-last-child()‎]]</code>
-|يُطابِق عنصرًا أو أكثر بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings)، وذلك بدءًا من نهاية المجموعة.
+|عنصرٌ أو أكثر بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings)، وذلك بدءًا من نهاية المجموعة.
 |-
 |<code>[[CSS/:nth-last-of-type|‎:nth-last-of-type()‎]]</code>
-|يُطابِق عنصرًا أو أكثر من نوعٍ معيّن بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings). بدءًا من النهاية إلى البداية.
+|عنصرٌ أو أكثر من نوعٍ معيّن بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings). بدءًا من النهاية إلى البداية.
 |-
 |<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>
-|يُطابِق عنصرًا لا يملك أيّة عناصر أخوة (siblings) من نفس نوعه.
+|عنصرٌ لا يملك أيّة عناصر أخوة (siblings) من نفس نوعه.
 |-
 |<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>[[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-write|‎:read-write]]</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>
@@ سطر 100: / سطر 100: @@
 |-
 |<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>id</code> قسمًا من رابط URL.
+|عنصرٌ فريدٌ يُطابِق مُعرِّفه <code>id</code> قسمًا من رابط URL.
 |-
 |<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>
-|يُمثِّل عنصرًا تمت زيارته من قبل، ولأسباب تابعة للخصوصية، إنَّ عدد الخاصيات التي يمكن تغيير قيمتها باستخدام هذا المُحدِّد قليلةٌ جدًا.
+|عنصرٌ تمت زيارته من قبل، ولأسباب تابعة للخصوصية، إنَّ عدد الخاصيات التي يمكن تغيير قيمتها باستخدام هذا المُحدِّد قليلةٌ جدًا.
 |}