通过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。