حافظ دائمًا على نظافة CSS وتنظيمه. أحب تنظيم المحددات الخاصة بي في فئات الأنماط.
إعادة تعيين الأنماط
أنماط الطباعة
أنماط التخطيط (الرأس، المحتوى، التذييل، إلخ.)
الوحدة النمطية أو أنماط القطعة الوحدة النمطية أو أنماط القطعة
أخرى (الخ).
بعد ذلك، داخل كل مجموعة، قمت بتنظيم المحددات وفقًا للتسلسل الهرمي لـ DOM:
أي أنماط الوالدين
أنماط العناصر على مستوى الكتلة (الفقرة، القائمة، وما إلى ذلك)
أنماط العناصر المضمنة (الروابط، الاختصارات، وما إلى ذلك)
أخرى (الخ).
ثم قم بعمل تقسيمات محددة بناءً على التقسيمات السابقة:
الفقرات
اقتباسات
العناوين
القوائم
أشكال
الجداول
أخرى (الخ).
وأخيرًا، أقوم بتنظيم إعلانات CSS حسب نوع النمط
أنماط تحديد المواقع
تعويم/أنماط واضحة
أنماط العرض/الرؤية
أنماط التباعد (الهامش، الحشو، الحدود)
أنماط الأبعاد
الأنماط المتعلقة بالطباعة (ارتفاع الخط، اللون، وما إلى ذلك)
أنماط متنوعة (نمط القائمة، المؤشرات، إلخ.)
يحب الكثير من الأشخاص الترتيب أبجديًا حسب التصريح، وهو ما قد لا يناسبني جيدًا، ولكنه قد يناسبك تمامًا. ولكن بمجرد اختيار أي أسلوب تنظيمي، فمن الأفضل الالتزام به للحفاظ على تجانسه.