所有html文件的Css计数器

Question

我有epub文件，它包含几个xhtml文件，我想在这些文件的顶部添加计数器。 我使用CSS计数器，但计数器仍在所有文件中显示相同的数字。

我把这些标签放在所有htmls中

  <p class="custompagenumber"></p>

并使用此css

    body {
  counter-reset: section;                    /* Set the section counter to 0 */
}

.custompagenumber::before {
    text-align: center;
    color: red;
  counter-increment: section;                /* Increment the section counter*/
  content: "(" counter(section) ")"; /* Display the counter */
}