مُحسب تخصيص CSS

التخصيص هو نظام وزن يحدد أي قاعدة CSS تُطبَّق عندما تُوجه عدة قواعد إلى عنصر واحد. ويُحسب كدرجة ثلاثية (a,b,c): تُعدّ a عدد المُختارات المميزة، وb عدد المُختارات المُصنفة أو المُختارات المُعتمدة أو المُختارات الافتراضية، وc عدد المُختارات النوعية أو المُختارات الافتراضية. يفوز أي تراكم أعلى في الموضع المبكر بغض النظر عن الموضع التالي.

وفقًا لمستوى مُختارات CSS 4، فإن تخصيص المُختارات الافتراضية مثل :is()، :not()، و :has() يساوي تخصيص المُختيار الأكثر تخصيصًا في قائمة المُدخلات. على سبيل المثال، فإن :is(.foo، #bar) يمتلك تخصيص #bar (1،0،0) لأنه هو المُدخل الأكثر تخصيصًا. أما المُختيار :where() فهو الاستثناء — فهو يُسهم بدرجة تخصيص صفر.

نعم. عندما يكون هناك تساوي في درجات التخصيص، يُطبَّق مبدأ التسلسل في القواعد: يفوز القاعدة التي تظهر لاحقًا في الكود. وهذا هو السبب في أهمية فهم التخصيص — الاعتماد على ترتيب الكود فقط قد يؤدي إلى أسلوب مُعطل ينهار عند تغيير ترتيب القواعد.

تُقارن الخوارزمية الخاصة بالدرجة التخصيص من اليسار إلى اليمين من اليسار إلى اليمين. يُعطي مُختيار ID درجة (1،0،0)، بينما يزيد أي عدد من المُختارات المُصنفة فقط في الموضع الثاني. بما أن الموضع الأول يُقارن قبل الموضع الثاني، فإن أي مُختيار ID سينتقل دائمًا على أي تجميع من المُختارات المُصنفة أو المُختارات المُعتمدة أو المُختارات الافتراضية، بغض النظر عن كمية وجودها.