الفئات الزائفة (Pseudo-Classes)
جزء من قسم CSS Mastery في رحلة HTML على Coddy — الدرس 7 من 43.
تسمح لك فئات الحالة الوهمية التفاعلية (Interactive pseudo-classes) بتغيير مظهر العناصر عندما يقوم المستخدمون بأفعال مثل تحريك الماوس فوقها، أو النقر عليها، أو تحديدها. فهي تساعد في جعل موقعك يبدو أكثر استجابة ومتعة في الاستخدام.
صيغة الفئات الزائفة (pseudo-classes):
selector:pseudo-class {
property: value;
}
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
ورقة مرجعية
تغير الفئات الزائفة التفاعلية (Interactive pseudo-classes) مظهر العنصر بناءً على تفاعلات المستخدم. وهي تستخدم الصيغة التالية:
selector:pseudo-class {
property: value;
}جرّب بنفسك
لا يتضمّن هذا الدرس تحدّيًا برمجيًا.
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس CSS Mastery
1إتقان المحددات – الربط
مقدمةمحدد الأحفادمحدد الأبناءمحدد الأشقاء المتجاورينمحدد الأشقاء العامتحدي المراجعة2الفئات الزائفة التفاعلية
الفئات الزائفة (Pseudo-Classes)تأثيرات التمرير (Hover)تأثيرات التركيز (Focus)الأنماط النشطة (Active)تحدي المراجعة3الأصناف الزائفة الهيكلية (Structural pseudo-classes)
الأصناف الزائفة الهيكلية (Structural pseudo-classes)استهداف الابن الأولاستهداف الابن الأخيرقوة الأنماط: استخدام nth-childتحدي المراجعة