شرح صفوف ومحتوى الفقرة
يحسب المتصفح وزن أي محدد رياضياً عبر ثلاث خانات مستقلة تُكتب بالصورة (ID, Class, Element):
- الخانة الأولى للمعرّفات (ID): يُضاف إليها
1لكل معرّف مثل#hero-note. - الخانة الثانية للأصناف (Class): يُضاف إليها
1لكل صنف مثل.card-note. - الخانة الثالثة للوسوم (Element): يُضاف إليها
1لكل اسم وسم مثلpأوh1، بينما يأخذ*صفراً في الخانات الثلاث.
تُقارن الخانات من اليسار إلى اليمين خانةً بخانة لا كعدد عشري واحد؛ فوجود 1 في خانة المعرّف (1, 0, 0) يحسم الفوز فوراً ولو نافسته عشرون فئة صنفية (0, 20, 0)!
| طريقة الاستهداف | مثال عملي | الوزن (ID, Class, Element) | مرتبة القوة |
|---|---|---|---|
| المحدد الشامل | * | (0, 0, 0) | وزن صفري مبدئي |
| محدد الوسم | p أو h1 | (0, 0, 1) | يتفوق على المحدد الشامل |
| محدد الصنف | .card-note | (0, 1, 0) | يتفوق على أي عدد من الوسوم |
| محدد المعرّف | #hero-note | (1, 0, 0) | يتفوق على أي عدد من الأصناف |
| السمة السطرية | style="color: navy;" | طبقة سطرية تعلو (1, 0, 0) | تتفوق على قواعد ملف التنسيق |