تحسين كفاءة تشفير CSS، ودراسة ترتيب تشفير CSS وجعله أكثر احترافية

في المقالة السابقة على موقع downcodes.com، ذكرنا "إعادة كتابة ملفات CSS الخاصة بك لجعلها أكثر تنظيمًا وتنظيمًا بشكل واضح". على الرغم من أن هذه إحدى الطرق، إلا أن تطوير عادات البرمجة الجيدة كان دائمًا ما أحبه في CSS. مقالة اليوم سوف تناقش هذا المحتوى.

سيتجاوز نمط CSS الأخير المحدد أي أنماط موجودة أو متعارضة محددة قبله، مثل المثال التالي:


ستظهر الفقرة أعلاه في النهاية بخط أخضر مع خلفية صفراء، وذلك لأن اللون الأخضر المحدد الأخير يحل محل اللون الأحمر المحدد مسبقًا، أما سبب عدم اختفاء الخلفية الصفراء فهو عدم وجودها تعريف متعارض في التعريف، لذلك لا يزال صالحا.
هل تفهم حقا؟ حسنًا، لنجري اختبارًا صغيرًا:



من فضلك قل لي، ما هو اللون الذي سيظهر فيه النص الموجود في الفقرات الثلاث أعلاه عندما يتم عرضه أخيرًا؟
الجواب هو أنه يتم عرضها جميعًا باللون الأزرق، أي باللون الأزرق، على الرغم من أن كل فقرة تحتوي على ثلاثة أنماط p مطبقة بترتيب مختلف، إلا أنه يبدو أنه يجب تحديد اللون وفقًا للترتيب الذي يتم تطبيق الأنماط به على سبيل المثال ، يتم عرض الأول باللون الأزرق، ويتم عرض الثالث باللون الأزرق ويتم عرضه باللون الأحمر، ويتم عرض الثالث باللون الأخضر، وهذا في الواقع ليس له علاقة بالترتيب حيث يتم تطبيق الأنماط كلها في النهاية على النمط المحدد الأخير، ويكون اللون أزرق.