[ دورة CSS ] المعرّف (id) و التوارث ج5

2:40 ص | مرسلة بواسطة M . Elgemezy | | تعديل الرسالة

الدرس الخامس: المعرّف (id) و التوارث

[ دورة CSS ] المعرّف (id) و التوارث ج5 | ابداع ديزاين abda3 design

أولاً / المعرّف (id) :

تستخدم فكرة المعرّف لحفظ تنسيقات معينة باسم هذا المعرّف على أن يتم إدراجها مع كل وسم يستخدم هذا المعرّف كمتغير ضمن متغيراته الأخرى .
لنفرض أننا بحاجة لاستخدام المحاذاة إلى الوسط بشكل متكرر فإننا سنقوم بتعريف معرّف يؤدي هذا الغرض كما يلي :

و عند الوسم المراد تنسيقه نستخدم الطريقة التالية :

إذن ، كما لاحظت بنفسك ، خاصية المعرّف تضيف لك كمصمم قدرات إضافية يمكنك استخدامها متى ما احتجت إليها .

ثانيًا / التوارث :

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

ماذا سيحدث الآن ؟ نعرف مسبقاً أن اللون سيكون أخضراً … لكن ماذا عن المحاذاة و الحجم اللذان لم يتدخل النمط المرفق مع الوسم في تحديدهما ؟ الجواب هو التوارث .
التوراث يعني أن النمط النهائي سيكون لون أخضر ، محاذاة إلى الوسط ، و حجم "3" بمعنى أن التنسيقات هنا متوارثة من الأنماط البعيدة .
لنأخذ مثالاً لتتضح الصورة أكثر :
الملف الخارجي :

ملف الهتمل:

النتيجة ستكون هكذا :

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

لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل

بقلم : Abda3Design

لخدمات التصميم والبرمجة

إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية كما تتميز مؤسسة "ابداع ديزاين" . بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة