شرح صفوف ومحتوى الفقرة
كتابة الأرقام يدوياً داخل العناوين مثل كتابة Section 1 ثم Section 2 في ملف HTML تتحول إلى عبء مرهق فور إدراج قسم جديد في المنتصف أو إعادة ترتيب الفقرات. وهنا تبرز العدادات التلقائية في CSS بوصفها متغيرات رقمية صحيحة يديرها محرك الأنماط مباشرة، فتزيد تلقائياً بحسب تسلسل ظهور العناصر في المستند.
تعمل أي دورة ترقيم بثلاث خطوات مترابطة: تهيئة عداد مسمى على الحاوية الأب عبر counter-reset، ثم زيادة قيمته عند كل عنصر مستهدف عبر counter-increment، وأخيراً إخراج الرقم منسقاً داخل ::before أو ::after باستخدام دالة counter() أو counters().
