Declare a CSS counter
Declare a CSS counter, for use in a "content" property value, and set or reset its value to 0.
counter-reset property is used in tandem with the
counter-increment property. They both expect a counter-name, which is arbitrarily chosen.
The first element in a document that matches a CSS selector which has a
counter-reset property, will cause that counter-name to be given a value of 0. If another element in the document subsequently matches that same selector, the counter's value will be reset back to 0.
Note that there is no
counter-set property. When a
counter-reset property is first encountered, it acts as if it were such a thing.