Question

我已经搜索过这个但我无法找到与我的问题类似的内容。

基本上我所拥有的是一个名为page的计数器，我设置了一个像这样的页面计数器：

content: "Page " counter(page); 在屏幕上显示如下 - ＆gt; 第1页

一切正常，但我需要的是将页面计数器设置为从 0 而不是 1

开始

我使用的是Wiki（ confluence ）而且我无法访问定义page的位置，因为它只是一个变量意味着像以前一样用于CSS计数器。

我试着跟随，但没有运气：

content: "Page " counter(page) - 1;

content: "Page " counter(page - 1);

content: "Page " calc(counter(page) - 1);

我也尝试过counter-reset：

counter-reset: page -1;
content: "Page " counter(page);

现在我的问题是，我可以将计数器设置为从 0 开始而不使用任何counter-reset属性吗？或者，在我之前尝试使用counter-reset的示例中，我犯了什么错误？我错过了什么吗？

Answer 1

如果您已登陆此页面寻找有关使用汇总工具的CSS计数器的帮助，请记下comment by Nick：

我在汇合支持论坛上写了一个帖子，但显然我想做的事情是不可能的。

这是一种让它从0开始而不使用counter-reset: [counter-name] -1的方法。基本上我们正在做的是仅从第二次出现的div class='page'递增计数器，以便第一个实例的计数器值始终保持为0.

counter-reset似乎不是强制性属性^*。当没有提到重置时，0被视为默认值，下面的代码仍然有效。

^{* - 无法在W3文档或MDN中找到counter-reset是可选的，但浏览器似乎支持它的任何引用。}

＆＃13;

body {
  counter-reset: page;
}
.page:before {
  content: "Page " counter(page);
}
.page ~ .page {
  counter-increment: page;
}

＆＃13;

<div class="page"></div>
<div class="page"></div>
<div class="page"></div>
<div class="page"></div>

＆＃13;

我上面仅发布了以上样本，但我认为这不是正确的方法。 推荐方法将在下面重置计数器时，我们将起始值设置为-1。

＆＃13;

body {
  counter-reset: page -1;
}
.page {
  counter-increment: page;
}
.page:before {
  content: "Page " counter(page);
}

＆＃13;

<div class="page"></div>
<div class="page"></div>
<div class="page"></div>
<div class="page"></div>

＆＃13;

Answer 2

创建一个名为Time或者其他的var，它将是你的Timer上显示的最后一个数字，然后在重新启动后检查var，如果它是9或重启号码之前的数字，则将显示数字设置为0