با استفاده از CSS Counters یک فهرست چندسطحی (ul/li) پیاده‌سازی کن که هر آیتم شماره‌گذاری ترکیبی به شکل 1، 1.1، 1.1.1 و ... داشته باشد.

با استفاده از ویژگی‌های CSS counter-reset و counter-increment شماره‌گذاری را بدون جاوااسکریپت انجام دهید: روی کانتینر ریشه counter-reset تعریف کنید، روی هر li counter-increment انجام شده و با استفاده از ::before مقدار counter(...) را نمایش دهید. برای سطوح تو در تو از چند کانتر جداگانه (مثلاً section، subsection، subsub) استفاده کنید و در li والد برای هر بار ورود به سطح داخلی counter-reset را اجرا کنید تا شماره‌گذاری زیرسطح از 1 شروع شود؛ همچنین list-style: none را تنظیم کنید و با padding/margin و display ظاهر را تنظیم کنید. این روش در مرورگرهای مدرن پشتیبانی می‌شود و نیازی به اسکریپت ندارد.