问题标签 [css-counter]

我遇到了 CSS 计数器的问题。

我设置了两个计数器：一个索引headings和其他索引images。但是，只有一个工作正常，另一个（用于图像）在所有图像描述中仅显示数字 1。您可以在此处查看示例

你知道如何解决吗？如果只有一个计数器，它可以正常工作。我想在headings.

我有一个<ul>-list 有两个不同的计数器：

这个列表li.lettered用 A.、B. 等正确计算 -items。但li.numbered-items 总是以“1.”开头。如果我将计数器重置的顺序切换为counter-reset: numberCounter, alphaCounter;，数字会正确计数，并且字母始终以“A.”开头。

根据我阅读的内容，我正确设置了列表，但显然不是。对此有什么帮助吗？

HTML

SCSS

现在列表的顺序如下：

1. 项目1

1.1。项目2

2. 项目1

2.1。项目2

2.2. 第 3 项

有什么办法可以在列表的开头将排序增加一级？第二个<ol>将从2：2.1开始。项目1

1.1。项目1

1.1.1。项目2

1.2. 项目1

1.2.1。项目2

1.2.2。第 3 项

--------同一父级中的第二个ol---------

2.1。项目1

2.1.1。项目2

2.2. 项目1

2.2.1。项目2

2.2.2。第 3 项

笔在这里：http ://codepen.io/simPod/pen/wawOLd

我想在有序列表上使用反增量。我希望每个ol人都继续之前的计数。

当我在 s 周围没有单独的包装 div 时，它可以工作ol。请注意，它适用ol于同一个包装 div 中的第二个，但它停止对ol具有单独包装 div 的下两个 s 工作：

http://jsfiddle.net/graphic_dev/Lsn49t16/1/

HTML

CSS

我如何让它继续为每个计数ol？我需要包装 div

我已经创建了一个问题列表，并计划在未来添加更多问题。我想使用 CSS 对问题进行编号，例如每个问题都在下面给出的部分中。

有没有办法使用“问题”类自动给它们编号？

我有div带标签的span标签。如何div使用 CSS 或 JavaScript 中的类名为标签添加编号列表

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

基本上我所拥有的是一个名为的计数器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：

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

我正在尝试做这样的事情：

注意数字系列是如何重复的。

我可以通过 CSS 进行自动编号 - 但我不知道是否有办法重复编号系列。

我有一个条款和条件文件，需要在网站上获取。但是有很多条款和要点，例如 2、2.1、2.1.1 等。

我想我可以做一个无序列表并使用 css 来摆脱项目符号。我意识到这可能看起来有点啰嗦，但我不是 HTML 专家，我也不知道该怎么做。

我尝试OL使用“ CSS 计数器”创建自定义有序列表 ()，以这篇 Mozilla 文章为例。

我需要稍微修改它，将最后一个 OL 包装在一个名为 的 DIV容器.foo中，如此jsFiddle所示。

添加包装器，计数器不再重置，数字从 4.1 和 4.2 继续。为什么？即使包装在容器中，如何重置新计数器？谢谢