يصف المستند التالي القواعد التي تنطبق على تحسين ملفات CSS في واجهة مستخدم Mozilla. الجزء الأول عبارة عن مناقشة عامة لقواعد تصنيف نظام أسلوب موزيلا. وبناءً على هذا الفهم للنظام، تحتوي الأقسام التالية على إرشادات لأساليب الكتابة التي تستفيد من الفوائد العملية لنظام هذا الأسلوب.
يقسم نظام الأسلوب القواعد إلى أربع فئات عريضة. من المهم فهم هذه الفئات لأنها أول فئة يتم أخذها في الاعتبار عند مطابقة القواعد. سيتم استخدام مصطلح "المحدد الأساسي" في الفقرات التالية. يشير المحدد الأساسي إلى الجزء الموجود في أقصى يمين المحدد (العنصر المراد مطابقته، وليس أسلافه). على سبيل المثال في القاعدة التالية:
صورة، div > p، h1 + [العنوان] {}
المحددات الأساسية هي "img" و"p" و"[title]".
القواعد التي تستخدم محدد المعرف كمحدد أساسي.
على سبيل المثال:
إذا كانت القاعدة تحتوي على فئة محددة كمحدد أساسي، فسيتم تصنيفها في هذه الفئة.
على سبيل المثال:
إذا لم يكن المحدد الأساسي معرفًا أو فئة، فمن المحتمل أن تكون الفئة التالية هي فئة العلامة. إذا حددت القاعدة العلامة باعتبارها المحدد الرئيسي، فسيتم تصنيفها ضمن هذه الفئة.
على سبيل المثال:
بالإضافة إلى الفئات المذكورة أعلاه، كل شيء يقع ضمن هذه الفئة.
على سبيل المثال:
يبدأ نظام النمط بالمحدد الموجود في أقصى اليمين ويتحرك إلى اليسار لمطابقة القاعدة. سيستمر نظام الأنماط في مطابقة المحددات الموجودة على اليسار حتى تتم مطابقة القاعدة أو يتم إيقاف المطابقة بسبب حدوث خطأ.
تحدث الخطوة الأولى في تصنيف القواعد بناءً على فئة المحدد الأساسي. الغرض من هذا التصنيف هو تصفية تلك القواعد التي لا تتطلب مطابقة تستغرق وقتًا طويلاً. هذا هو محور التحسينات الهامة في الأداء. كلما قل عدد القواعد التي يجب مطابقتها لعنصر معين، كلما كان عرض النمط أسرع. على سبيل المثال، إذا كان للعنصر معرف، فسيتم استرداد قواعد المعرف المطابقة لمعرف العنصر فقط. سيتم استرداد قواعد الفئة المطابقة لفئة العنصر فقط. سيتم استرداد قواعد العلامات المطابقة للعلامة فقط. يتم دائمًا استرداد القواعد العامة.