CSS属性：counter-increment 属性

counter-increment 是 CSS 中用于增加或减少计数器值的属性。通常，它与 counter-reset 结合使用，用于创建文档中的计数器。

基本语法如下：

.selector {
  counter-increment: counterName incrementValue;
}

counterName 是计数器的名称，它可以是预定义的计数器，也可以是自定义的名称。

incrementValue 是一个整数值，表示计数器应该增加或减少的量。默认为1。

以下是一个简单的例子，演示如何使用 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 元素前插入带有计数器值的内容。这样，你就能够在文档中为每个章节生成一个唯一的编号。

需要注意的是，counter-increment 属性通常与 content 属性和伪元素一起使用，以实现更复杂的文档编号和标记效果。

转载请注明出处：http://www.zyzy.cn/article/detail/4173/CSS