飞碟和css的分页计数

Question

我正在使用飞碟从网页HTML生成PDF报告。我的报告包含多个部分，每个部分可能会也可能不会占据报告中的多个页面

我的要求是在标题中显示节页数

-----------HEADER-----------
     My Fancy Report
     First Section (Page 1)
-----------------------------
.
. First Section (conitinued)
.
-----------HEADER-----------
     My Fancy Report
     First Section (Page 2)
-----------------------------
.
. First Section (Completed)
.
 -----------HEADER-----------
     My Fancy Report
     Second Section (Page 1)
-----------------------------
.
. Second Section 
.

---

我尝试使用下面的计数器

header { counter-increment: myCounter; }
header:after{content: ' (Page ' counter(myCounter) ')' ;}
#page{ counter-reset: myCounter; }

#page是在新节的每个开头都出现的元素

这样做，我从来没有看到计数器被新部分重置。

似乎反计数器不适用于飞碟，这就是我在某处读到的。

任何人都可以告诉我，实现这一目标的最佳方法是什么？

Answer 1

由于counter-reset与Flying-sacuer无法正常工作，我找到了一个简单的解决方法。希望这会有助于他人

正如我在我的问题中提到的，我的文档中有多个正在运行的标题（分段标题）。我为每个截面标题创建一个单独的计数器并单独递增它们。

#sectionOneHeader{ counter-increment: sectionOneCounter; }
#sectionOneHeader:after{ content: ' (Page ' counter(sectionOneCounter) ') '; }

#sectionTwoHeader{ counter-increment: sectionTwoCounter; }
#sectionTwoHeader:after{ content: ' (Page ' counter(sectionTwoCounter) ') '; }

这完全按我想要的方式工作。