Bạn có thể dùng CSS Counter để tự động đánh dấu các danh mục của bạn trong trang web, giống như thẻ <ol> trong html.

Css counters có một số thuộc tính như :
counter-reset – Khởi tạo hoặc reset một bộ đếm
counter-increment – Tăng giá trị của bộ đếm
content – Chèn nội dung đã tạo
counter() hoặc counters() function – Thêm giá trị vào cho các phần tử

Ví dụ sử dụng

[html]

[/html]

[css]
body {
counter-reset: section;
}

h2::before {
counter-increment: section;
content: “Section ” counter(section) “: “;
}
[/css]

Kết quả

Xem thêm tại:

• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters

• https://www.w3schools.com/css/css_counters.asp