CSS中的反增量问题

Question

我遇到css反增量问题，输出中未显示数字。请帮助我。 请给我解释清楚。

这是我的codepen： codepen enter code here

Answer 1

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

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

如果要在数字后加上句号：

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

Answer 2

只需删除counter(number)周围的引号即可。