انتقل إلى محتوى الدرس

How Property Inheritance Works آلية وراثة الخصائص للأبناء

أتقن آلية التتالي في CSS لحسم تعارض الأنماط عبر ترتيب الورود وحساب وزن المحددات بالخانات الثلاث، وتعلّم كيف تعمل الوراثة وكلمات التحكم القياسية بها.
2 صفوف تعليمية
لغة CSS
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

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

  • خصائص نصية موروثة تلقائياً: تنتقل خصائص النصوص مثل اللون color وحجم الخط font-size تلقائياً من العنصر الأب (مثل <body> أو <div>) إلى جميع الأبناء والأحفاد داخله ما لم يمتلك الابن قاعدة مباشرة تخصه.
  • خصائص هيكلية غير موروثة: لا تنتقل خصائص صندوق العنصر (مثل الأبعاد والمساحات والخلفيات والإطارات المحيطة) إلى الأبناء تلقائياً؛ لأن وراثتها كانت ستؤدي إلى تكرار إطار الحاوية الأم حول كل فقرة وعبارة بداخلها!
الصف 2 ملاحظة هامة