html - 自定义计数器复位 : item

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 中.