计数器复位 | counter-reset (Lists & Counters) - CSS 中文开发手册

counter-reset 重置一个CSS计数器值。计数器的值可以使用counter-increment增加或减少。

/* Set "my-counter" to 0 */
counter-reset: my-counter;

/* Set "my-counter" to -1 */
counter-reset: my-counter -1;

/* Set "counter1" to 1, and "counter2" to 4 */
counter-reset: counter1 1 counter2 4;

/* Cancel any reset that could have been set in less specific rules */
counter-reset: none;

/* Global values */
counter-reset: inherit;
counter-reset: initial;
counter-reset: unset;

句法

counter-reset属性指定为下列任一项：

<custom-ident>命名计数器，随后可选择一个<integer>。您可以指定任意数量的计数器，以便根据需要进行重置，每个名称或名称编号对之间用空格分隔。关键字值none.

取值

<custom-ident>要重置的计数器的名称。

<integer>在每次出现元素时重置计数器的值。如果未指定，则默认为0。none不执行计数器复位。

形式语法

[ <custom-ident> <integer>? ]+ | none

实例

h1 {
  counter-reset: chapter section 1 page;
  /* Sets the chapter and page counters to 0,
     and the section counter to 1 */
}

规格

浏览器兼容性