دروس السي إس إس - صفحات الأنماط الانسيابية - CSS التوارث

التوارث


صفحات الأنماط الانسيابية - Css التوارث
السلام عليكم ....


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

ماذا سيحدث الآن ؟ نعرف مسبقاً أن اللون سيكون أخضراً … لكن ماذا عن المحاذاة و الحجم اللذان لم يتدخل النمط المرفق مع الوسم في تحديدهما ؟ الجواب هو التوارث .

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

لنأخذ مثالاً لتتضح الصورة أكثر :
الملف الخارجي :



ملف الهتمل:



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