Issue with counter-increment in css

Question

I am facing a problem with css counter-increment, number is not appearing in Output.Please help me. Please explain me clearly.

This is my codepen: codepen enter code here

Answer 1

"counter(number)" will be detected as string. Just remove the "" .

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

If you want with period after number:

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

Answer 2

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