html - 如何在 pdf 中使用 CSS 生成目录页码

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 表的 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 {} block if

• 引用给定样式表的样式元素尚未声明此类媒体限制，
• 并且您的用例涉及可以在其他 (screen) 媒体中查看给定文档的场景，其中 CSS 分页媒体扩展不适用。

@page {} block 有不同的用途(定义页面属性)并且不接受选择器。