CSS 参考手册 目录

CSS counter-reset 属性

counter-reset 属性用于重置一个或多个计数器的值。计数器可以用于创建自定义的列表或编号,通过使用 counter-reset 属性,我们可以控制计数器的起始值。

语法

-------------- ------------ --------------
  • counter-name:指定要重置的计数器的名称,可以是任意字符串。
  • initial-value:指定计数器的初始值。

示例

--------- -----
----- ----------
------
----- ----------------
----- ---------------------------- ------------------
----- --------------- ---------------------------- -------------------
-------------- ----- ---------------
-------
  ---- -
    -------------- --------
  -

  ---------- -
    ------------------ --------
    -------- -------- - ---------------- -- --
  -
--------
-------
------
  ---------------------
  ----------- ------
  ----------- ------
-------
-------

在上面的示例中,我们定义了一个计数器 section,并将其初始值设置为 0。然后在每个 <h1> 标签前面插入了一个内容为 "Section X: " 的计数器,其中 X 是当前计数器的值。

通过使用 counter-reset 属性,我们可以很容易地自定义计数器的起始值,从而实现更灵活的列表或编号效果。


上一篇:CSS 属性 counter-increment
下一篇:CSS 属性 cursor