خطوات الاستخدام
الخطوة الأولى: عدّ معرفات (IDs) في المحدد. كل معرف يمنح 100 نقطة. أدخل عدد المعرفات في حقل 'عدد المعرفات'. على سبيل المثال، المحدد `#header #nav` يحتوي على معرفين، لذا أدخل 2. تذكر أن المعرفات فريدة وتُستخدم لتحديد عنصر معين، وهي أقوى من الفئات والعناصر.
الخطوة الثانية: عدّ الفئات (Classes) والسمات والفئات الزائفة (pseudo-classes) في المحدد. كل فئة تمنح 10 نقاط. أدخل العدد في حقل 'عدد الفئات'. يشمل ذلك الفئات مثل `.container` والسمات مثل `[type="text"]` والفئات الزائفة مثل `:hover`. على سبيل المثال، المحدد `a.button:hover` يحتوي على فئتين (`.button` و `:hover`) لذا أدخل 2.
الخطوة الثالثة: عدّ العناصر (Elements) والعناصر الزائفة (pseudo-elements) في المحدد. كل عنصر يمنح نقطة واحدة. أدخل العدد في حقل 'عدد العناصر'. يشمل ذلك أسماء العناصر مثل `div` و `p` والعناصر الزائفة مثل `::before`. المحدد `div p` يحتوي على عنصرين، لذا أدخل 2. ملاحظة: علامة النجمة `*` لا تُحتسب.