自定义反重置：项目

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}

spec中记录了这一点。