CSS counter-reset 属性

定义

counter-reset 属性设置某个选择器出现次数的计数器的值。默认为 0。

利用这个属性,计数器可以设置或重置为任何值,可以是正值或负值。如果没有提供 number,则默认为 0。

注释:如果使用 "display: none",则无法重置计数器。如果使用 "visibility: hidden",则可以重置计数器。

继承性:No

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法:

object.style.counterReset="sub-section 2"

在我们的 HTML DOM 教程中,您也可以找到完整的 Style 对象参考手册

例子

A way to number sections and sub-sections with "Section 1", "1.1", "1.2", etc.

h1:before
{
content: "Section " counter(section) ". ";
/* Add 1 to section */
counter-increment: section;
/* Set sub-section to 0 */
counter-reset: sub-section;
}

h2:before 
{
content: counter(section) "." counter(sub-section) " ";
counter-increment: sub-section;
}

可能的值

描述
none 默认。不能对选择器的计数器进行重置。
identifier number

identifier 定义重置计数器的选择器、id 或 class。

number 可设置此选择器出现次数的计数器的值。可以是正数、零或负数。