دروس السي إس إس - صفحات الأنماط الانسيابية - CSS استخدام الفئات (Classes)

استخدام الفئات (Classes)


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

بالطبع نعم !

كل ما علينا هو أن نتعرف على خاصية الفئات (Classes) ، من خلال المثال التالي :

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



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



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

تلميحة ذكية

لتضيف فئة يمكن استخدامها مع جميع الوسوم في صفحتك استخدم الطريقة التالية :

.red{ color: “red” }

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