Use counter () in CSS to automatically add serial numbers to the list

In the CSS 2.1 feature that has been supported is counter (), using it, you can easily add serial numbers to page titles, blocks, and other types of pages that appear consecutively. With it, you don't have to limit yourself to using

To achieve this effect, you can more flexibly use a custom number sequence on the page.

The point is that it's really simple: in: The content attribute in the before pseudo class is added to counter ():

Body {

counter-reset:heading;

}

H4:before {

counter-increment:heading;

Content: "Heading #" counter (Heading) "."

}