Javascript 纯CSS目录

我正在构建一个打印成PDF的网页，每个“页面”（210x297mm div）都有使用CSS计数器自动生成的页码，如下所示：

.pageNumber:：之前{
内容：计数器（页码，小数点前导零）；
颜色：$中灰色；
字号：8pt；
}

现在，我需要构建一个目录，我想知道是否可以使用纯CSS来完成

结构：

[ 
  TOC page
  Section 1 .... Page 41
  Section 2 .... Page 45
                          ]

[ Page 41
  Section 1
  -- content -- ]

[ Page 45
  Section 2
  -- content -- ]

假设“第41页”和“第45页”的数字已经正确地显示在内容页中，但是如何仅使用CSS或React中的某些内容将自动生成的页码复制到目录中

文档中的页数不是固定的