حاسبة أولوية محدّدات CSS

حول هذه الأداة

تحسب الأداة الأولوية الكلاسيكية (a,b,c) لأي محدّد، فيتضح لماذا تتقدّم قاعدة على أخرى دون فتح أدوات المطوّر. والحساب يخص المحدّد وحده، دون ترتيب الملفات أو @layer.

طريقة الاستخدام

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

مثال

محدّد المثال يخلط عناصر وأصنافًا، كما في CSS تنقّل قديم.

إدخال

nav.site-header .menu a.active

مخرجات

Selector: nav.site-header .menu a.active
Specificity: (0,3,2)
IDs: 0
Classes/attributes/pseudo-classes: 3
Elements/pseudo-elements: 2

نصيحة

إذا لجأت إلى !important كثيرًا فالمشكلة الحقيقية هي دين الأولوية المتراكم في ملفاتك.

معلومات مفيدة