counter-increment 实现重复元素数量显示

counter-increment是一个CSS属性，用于增加或减少元素的计数器值。它通常与counter-reset一起使用，用于创建自定义的计数器。下面是一个使用示例：

HTML:

<ol class="my-list">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

CSS:

.my-list {
  counter-reset: my-counter;
}

.my-list li {
  counter-increment: my-counter;
}

.my-list li::before {
  content: counter(my-counter) ". ";
}

在上面的示例中，我们创建了一个有序列表，并使用counter-reset将一个名为"my-counter"的计数器重置为0。然后，使用counter-increment属性，每次li元素出现时，计数器的值会递增。最后，通过::before伪元素和content属性，将计数器的值添加到每个列表项的前面。

输出的结果将是：

1. First item
2. Second item
3. Third item

这样就实现了一个自定义的有序列表，其中每个列表项都有一个自增的编号。你可以根据需要调整CSS样式，以满足你的需求。