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

Setting CSS li counter value through javascript

本文关键字：计数器 li CSS javascript 设置通过更新时间：2023-09-26

我使用的是来自http://red-team-design.com/css3-ordered-list-styles/的矩形OL样式，它工作得很好，除了我有一个页面。

我正试图在分页搜索结果页面上使用样式，我不知道如何获得计数器值以正确更新:

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

但是在第二页之后，li被重置并显示1,2，…应该是11、12岁的时候又变成了9、10岁……19、20等

是否有任何方法来指定什么开始计数应该在一个页面上，通过javascript?这些页面是通过XQuery构建的，每个页面上都有一个变量，指示起始编号应该是什么。

你的例子中的家伙使用以下属性:

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

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

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