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

What the Cascade Solves مفهوم التتالي وحسم التعارض

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

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

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

تحمل الكلمة الأولى في اسم لغة أوراق الأنماط المتتالية (Cascading Style Sheets) سرّ المحرك الذكي الذي يمنع الفوضى داخل المتصفح. ففي أي صفحة حقيقية قد ينطبق على فقرة واحدة مثل <p id="lead" class="intro"> أكثر من قاعدة في الوقت نفسه: قاعدة عامة للفقرات، وقاعدة للصنف، وقاعدة للمعرّف، فضلاً عن تنسيق المتصفح الافتراضي.

وعندما تطلب قاعدتان إعطاء الخاصية نفسها قيمتين مختلفتين — كأن تحدد إحداهما color: crimson; وتحدد الأخرى color: navy; — لا يرتبك المتصفح ولا يختار عشوائياً، بل يمرر القواعد المتنافسة عبر مصفاة دقيقة تُسمى خوارزمية التتالي (The Cascade) تفحص بالترتيب: مصدر النمط، ثم وزن التحديد، وأخيراً ترتيب الورود ليخرج فائز واحد فقط.

الصف 2 صورة توضيحية
مخطط من ثلاث مراحل يوضح كيف تحسم خوارزمية التتالي في CSS التعارض عبر مصدر الأنماط ثم وزن التحديد ثم ترتيب الورود
الصف 3 ملاحظة هامة