如何使用pdf中的CSS生成TOC页码

Question

我正在使用飞碟库将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); }}

Answer 1

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

• 引用给定样式表的样式元素尚未声明这种媒体限制，
• 您的用例涉及到可以在其他（screen）媒体中查看给定文档的情况，其中CSS分页媒体扩展名不适用。

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