基本语法如下：
.selector {
counter-reset: counterName initialValue;
}
- counterName 是计数器的名称，可以是预定义的计数器（如 page、section），也可以是自定义的名称。
- initialValue 是一个整数值，表示计数器应该被重置为的初始值。默认为0。
以下是一个简单的例子，演示如何使用 counter-reset 和 counter-increment 创建一个带有章节编号的文档：
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section) ": ";
}
在这个例子中，counter-reset: section; 用于初始化一个名为 "section" 的计数器，并将其值设置为0。然后，counter-increment: section; 用于在每个 h2 元素前增加 "section" 计数器的值，而 content: "Section " counter(section) ": "; 用于在每个 h2 元素前插入带有计数器值的内容。这样，你就能够在文档中为每个章节生成一个唯一的编号。
这两个属性的使用通常结合在一起，以实现复杂的文档编号和标记效果。
转载请注明出处：http://www.zyzy.cn/article/detail/4174/CSS