CSS counter-reset 属性

返回 CSS 参考手册

定义

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 可设置此选择器出现次数的计数器的值。可以是正数、零或负数。

返回 CSS 参考手册