تعلم لغة الانماط الانسيابية CSS أشباه الفئات (Pseudo-class)


تعرفنا على الفئات ، فما هي أشباه الفئات يا ترى ؟ إن أقرب مثال يوضح الفكرة هو مثال تنسيق الروابط
التشعبية .
تأخذ أشباه الفئات الصيغة العامة التالية :
{"القيمة" : المتغير } شبه الفئة: وسم هتمل
أو (في حالة وجود فئة أيضاً):
{"القيمة" : المتغير } شبه الفئة:فئة. وسم هتمل
قد تبدو مزعجة للوهلة الأولى ! لكنك ستكتشف مدى سهولته بعد المثال التالي :


في المثال السابق : حددنا اللون (# ٠٠٠٠٨٨ ) للرابط العادي الذي لم يزار بعد . آما حددنا تنسيق النص
بلا شيء حتى لا يظهر خط سفلي تحت الرابط . حددنا اللون الأحمر للرابط الذي سبقت زيارته ! آذلك
حددنا اللون الزهري مع خط بأسفل النص و حجم ( ١٠ نقاط) للنص . أما الرابط النشط (الحالي) فقد حددنا
له اللون الأزرق الفاتح .
الطريقة سهلة ، جربها بنفسك الآن .

تحذير
ثم link) أنصحك بكتابة أنماط الروابط التشعبية بالترتيب الوارد في المثال السابق
و إلا فإن الأخريين لن يعملا بالشكل الصحيح ! (active ثم hover ثم visited

سنأخذ مثالاً آخر يوضح آيفية استخدام الفئات مع أشباه الفئات في مثال واحد :

للرابط الذي لم يزار باللون الأخضر و في المقابل حددنا الفئة ( (main) المثال يشرح نفسه ، حددنا الفئة
للرابط الذي لم يزار أيضاً باللون الأحمر . (sub
يجب استخدام الطريقة المشروحة في جزء الفئات عند استخدامك إحدى الفئتين بالطبع

ليست هناك تعليقات:

إرسال تعليق