CSS 计数器是一种在 CSS 中用于计数的功能。通过使用 CSS 计数器，可以自动为页面中的元素生成编号，而不需要手动添加编号。这在创建具有编号列表、章节编号、页码等元素的页面时非常有用。本篇将给大家介绍一个 CSS 计数器相关的现代 CSS 规则 @counter-style。
@counter-style 可以定义不属于预定义样式集的特定计数器样式，它规则定义了如何将计数器值转换为字符串表示法。
1.CSS 计数器相关属性介绍
1）counter-reset: counter-name start-value：
主要用于创建或复位计数器。
counter-name：计数器的唯一标识符。 start-value：可选项，标识计数器的初始值。如果未指定，默认值为 0。
2）counter-increment: counter-name increment-value：
主要用于增加或减少计数器的值
counter-name：要递增的计数器的标识符。 increment-value：要递增计数器的值。这是可选项，如果未指定，默认值为 1。
3）counter(counter-name, style)：
要显示计数器的当前值，我们可以将 content 属性与 ::before 或 ::after 伪元素结合使用。
counter-name：要显示的计数器的标识符。 style：显示计数器值的样式。这是可选项，如果未指定，默认为十进制。
4）@counter-style：
