javascript - 通过javascript设置CSS li计数器值

Question

我正在使用 http://red-team-design.com/css3-ordered-list-styles/ 中的矩形 OL 样式它工作得很好，除了我得到的一页。

我正在尝试在分页搜索结果页面上使用该样式，但我不知道如何让计数器值正确更新:

在 10 个结果的第一页，li 的编号正确(1、2、... 9、10)。

但是在第二页之后，li 被重置并再次显示 1、2、...9、10，而它们应该是 11、12、...19、20 等

有什么方法可以通过 javascript 指定页面上的起始计数吗？这些页面是通过 XQuery 构建的，每个页面上都有一个变量指示起始编号应该是什么。

Answer 1

来自 your example 的人使用以下属性:

content: counter(li);
counter-increment: li;

我假设您可以使用 counter-reset设置计数器第一个值的 CSS 属性。参见 here更多示例。

您需要做的就是在生成页面时在主体上设置此值(根据示例)，不需要 JavaScript。