شرح صفوف ومحتوى الفقرة
عندما تكتب قاعدة تنسيق ولا ترى أثرها على العنصر، لا تلجأ إلى التجربة العشوائية؛ بل انقر بزر الفأرة الأيمن واختر فحص العنصر (Inspect) لقراءة قرار التتالي مباشرةً عبر لوحتين متكاملتين في DevTools:
- تبويب Styles: يرتب جميع القواعد المطابقة للعنصر من الأقوى في الأعلى (
element.styleثم المعرّف ثم الصنف ثم الوسم) نزولاً إلى أقسام الوراثة Inherited from في الأسفل، ويضع خطاً مشطوباً في منتصف كل خاصية خاسرة لتعرف فوراً أنها طابقت العنصر لكن قاعدة أقوى غلبتها. - تبويب Computed: يعرض القيمة النهائية المحسوبة الفائزة لكل خاصية بعد انتهاء جميع مراحل التتالي والوراثة، مع إمكانية فتح السهم بجوار الخاصية للقفز إلى رقم السطر الفائز مباشرةً.
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
تعرّفت في هذا الدرس على آلية التتالي وحساب أولوية المحددات بالخانات الثلاث (ID, Class, Element) ودور ترتيب الورود والوراثة وكلمات التحكم القياسية الأربع (inherit و initial و unset و revert) وتشخيصها في DevTools. وفي الخطوة التالية ستدرس قاعدة الأولوية القصوى في لغة CSS لتفهم متى وكيف تُكسر الأولوية المعتادة وكيف تتجنب فوضى الصيانة.