css中的反增量问题

Question

我遇到了css反增量的问题，数字没有出现在Output.Please帮我。 请清楚解释一下。

这是我的代码：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)周围的引号。