[ الدرس الثاني ] استخدام الفئات (Classes)

لنحاول الوصول إلى أبعد قليلاً مما توصلنا إليه في الدرس السابق :
ماذا لو كنت تريد استخدام أكثر من تنسيق للصفحة الواحدة ، بمعنى أن تنسق الفقرة الأولى في مستندك باستخدام اللون الأحمر و الفقرة الثانية باللون الأخضر و الثالثة باللون الأصفر ! هل تعطيك تقنية السي اس اس هذه المرونة ؟
بالطبع نعم !
كل ما علينا هو أن نتعرف على خاصية الفئات (Classes) ، من خلال المثال التالي :



تستطيع شرح الطريقة بنفسك ! قمنا بكتابة اسم الوسم المطلوب ، ثم نقطة ، ثم الاسم الذي نختاره للفئة الجديدة و نكمل كما تعودنا .
و المثال التالي يعرفنا بالطريقة التي نستخدمها مع أكواد هتمل لتحديد فئة معينة دون أخرى :


ستكون النتيجة في المتصفح هكذا :


ملاحظة للتذكير :
إذا أردت أن تتعلم CSS حقاً فلا تتكاسل في تجربة هذه الأمثلة بنفسك ! صدقني ستكتشف أشياء جديدة كلما جربت .
تلميحة ذكية
لتضيف فئة يمكن استخدامها مع جميع الوسوم في صفحتك استخدم الطريقة التالية :


احذف اسم الوسم و اكتفي بوضع نقطة مع اسم الفئة !

ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل