مفهوم العناصر الزائفة Pseudo Class في لغة البرمجة CSS

اقرأ في هذا المقال


مفهوم الأصناف الزائفة Pseudo class في لغة البرمجة CSS

تعتبر ال (Pseudo class) في لغة البرمجة (CSS) مجموعة من الأصناف التي تستخدم لمطابقة المحتوى بطريقة سهلة، حيث أنها لا تشير إلى العناصر بشكل مباشر بل تشير عادة إلى حالة هذه العناصر ونتيجة ذلك يتم تنفيذ نمط معين، وفي لغة البرمجة (CSS) العديد من هذه الأصناف وفيما يلي قائمة بأهمها:

الصنف الاستخدام
Activeوهي عبارة عن مجموعة من الأزرار التي تم تفعيلها من قبل المستخدم، حيث أنه عند استخدام الفأرة سوف يبدأ تفعيل العنصر وينتهي عند إفلات الضغط على هذا الزر.
checkedويمثل هذا النوع من الأصناف (radio button) أو صناديق تأشير (checkbox) يتم تحديدها أو انتقاؤها.
disabledوتمثل العناصر المعطلة حيث لا يمكن اختيار أو النقر على العنصر المعطَل ولا الكتابة فيه.
enabledوهي عبارة عن العناصر المعطلة أي يمكن اختياره من قبل المستخدم أو النقر عليه أو الكتابة فيه.
firstويُمثل هذا النوع أول صفحة من المستند عند طباعته.
fullscreenوتمثل العناصر التي يتم عرضها عندما يكون المتصفح في وضع ملء الشاشة.
indeterminateوتمثل النماذج التي تكون حالتها غير معروفة (indeterminate).
inrangeوتمثل العناصر التي تكون قيمتها ضمن المجال المسموح المُحدَّد عبر الخاصيتين (min) و (max).
invalidوتمثل العناصر التي تم فشل في عملية التحقق من صحة محتوياتها.
only-of-typeوهو عبارة عن عنصر لا يملك أيّة عناصر (siblings) من نفس نوعه.
Out -of -rangeوهي عبارة عن عناصر التي لا تكون قيمتها ضمن المجال المسموح المُحدَّد عبر الخاصيتين (min) و (max).
read -writeأي عنصر فيه محتوى نصي يمكن للمستخدم تعديله.
visitedوهو عبارة عن عنصر تمت زيارته من قبل.
 read -onlyأي عنصر فيه محتوى نصي لا يمكن للمستخدم تعديله.
linkوهو عبارة عن عنصر لم تتم زيارته من قبل.
first- childوهو عبارة عن أوّل عنصر في مجموعة من العناصر الأخوة (sibling elements).
 hoverوتمثل العناصر التي يتفاعل المستخدم معها مع جهاز تأشير لكن ليس بالضرورة أن يقوم بتفعيلها.

المصدر: CSS - Pseudo ClassesCSS Pseudo-classesCSS | Pseudo-classesCSS pseudo-classes


شارك المقالة: