html - css 反增量问题

Question

我遇到了 css 反增量的问题，数字没有出现在输出中。请帮助我。请给我解释清楚。

这是我的代码笔:codepen 在这里输入代码

Answer 1

"counter(number)" 将被检测为字符串。只需删除 ""。

h1:before {
  counter-increment: number;
  content: counter(number);
}

如果你想在数字后加上句点:

h1:before {
  counter-increment: number;
  content: counter(number) ". ";
}