html - 自定义计数器重置：项目

Question

如何自定义使用以下 CSS 时创建的数字：

div.Most ol{counter-reset: item;}
div.Most ol li:before {content: counter(item) "  "; counter-increment: item}

通过将这些行添加到我的有序列表中，我获得了一个从零开始到列表中项目数的数值。我想要的是手动控制这些值。假设我希望第一个项目的值为 2，第二个项目的值为 4，依此类推。

是否可以？

Answer 1

如果您想始终增加 2，可以将其设置为counter-increment值：

div.Most ol li:before {content: counter(item) "  "; counter-increment: item 2}

这记录在规范中。