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

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

1. أدخل المحددات.
2. تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
3. انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.

طريقة الحساب

A = عدد المعرفات #id. B = الأصناف .class والسمات [attr] والأصناف الزائفة :hover. C = العناصر مثل div والعناصر الزائفة ::before. :is و:not و:has تأخذ أولوية أقوى محدد داخلها، و:where صفر، و:nth-child(An+B of S) تضيف أولوية S. تبدأ المقارنة من A ثم B ثم C.

مثال

النتيجة: أولوية المحدد الأول: (1, 2, 1).

#nav .item a:hover
ul li::before
:where(#main) p

#nav .item a:hover (1, 2, 1)

الحدود والملاحظات

• لا يحسب أولوية المحدد & في CSS المتداخل لأنها تعتمد على المحدد الأب.
• الأنماط المضمنة style و!important تتفوق على أي أولوية ولا تظهر هنا.
• لا يتحقق من أن أسماء الأصناف الزائفة معروفة للمتصفح.