1

我已经搜索过这个，但我找不到与我的问题类似的任何东西。

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

content: "Page " counter(page); 在屏幕上显示为这样 ->第 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我是否犯了任何错误？我错过了什么吗？

4

2 回答 2

2

如果您已经登陆此页面以寻求有关使用 confluence 工具使用 CSS 计数器的帮助，请记下Nick 的评论：

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

这是使其从 0 开始而不使用counter-reset: [counter-name] -1. 基本上我们所做的只是从第二次出现的时候开始增加计数器，div class='page'这样第一个实例的计数器值总是保持为 0。

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

* - 在 W3 文档或 MDN 中找不到任何counter-reset可选的参考，但浏览器似乎支持它。 

body {
  counter-reset: page;
}
.page:before {
  content: "Page " counter(page);
}
.page ~ .page {
  counter-increment: page;
}
<div class="page"></div>
<div class="page"></div>
<div class="page"></div>
<div class="page"></div>

我发布以上内容仅作为示例，我认为这不是正确的方法。推荐的方法如下，在重置计数器时，我们将起始值设置为-1。

body {
  counter-reset: page -1;
}
.page {
  counter-increment: page;
}
.page:before {
  content: "Page " counter(page);
}
<div class="page"></div>
<div class="page"></div>
<div class="page"></div>
<div class="page"></div>

于 2015-05-12T12:00:25.950 回答
0

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

于 2017-06-28T18:45:27.413 回答