html - 如何在CSS中使用PDF生成TOC页码

我正在使用飞碟库将HTML页面转换为PDF。
就我而言，TOC结构是。

  <ul id="toc">

     <li class="H2 toc-primary-nav">
        <a id="link0" href="#title0" title="H2">1. Economical multisignal meter DP20  ■ ▲ </a>
    </li>
</ul>

TOC生成正确。我想要我的TOC表的href标签页码。为此，我对CSS感到困惑。
我是否应该以这种方式使用CSS，

#toc a::after { content: leader('.') target-counter(attr(href), page); }

要么

@page {#toc a::after { content: leader('.') target-counter(attr(href), page); }}

要么

@media print {#toc a::after { content: leader('.') target-counter(attr(href), page); }}

最佳答案

它应该进入@media print {}块，如果


引用给定样式表的样式元素尚未声明这种媒体限制，
并且您的用例涉及一种方案，即可以在其他（screen）媒体中查看给定的文档，而CSS分页的媒体扩展名将不适用。


@page {}块具有不同的用途（定义页面属性），并且不接受选择器。

关于html - 如何在CSS中使用PDF生成TOC页码，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53760251/