html - カスタマイズされたカウンターリセット：アイテム

Question

次のCSSを使用するときに作成される番号をカスタマイズするにはどうすればよいですか。

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

これらの行を順序付きリストに追加することで、ゼロからリスト内のアイテム数までの数値を取得します。私が欲しいのは手動で値を制御することです。最初のアイテムに値2を設定し、2番目のアイテムに値4を設定したいとします。

出来ますか？

Answer 1

常に 2 ずつ増やしたい場合は、それをcounter-increment値として設定できます。

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

これは仕様に記載されています。