如何将页码添加到锚点的链接？

Question

我在我的网页上有几个分散在页面上的锚（即<a name="my-magical-anchor"></a>）。我还在我的页面上有几个指向这些锚点的链接（即<a href="#my-magical-anchor">Go to the Magical Anchor</a>）。对于打印页面时，我想知道是否可以使用CSS或JavaScript修改链接的文本，以读取类似Go to the Magical Anchor (page 12)的内容，以指示读者应在打印时翻转的页码文档。

我希望，如果可能的话，不必手动分配分页符，而是让我的内容流过页面，然后在打印前更新链接文本。

感谢。

Answer 1

请看这篇文章并转到标题为“交叉引用”的部分：http://www.alistapart.com/articles/boom

建议使用target-counter，定位page计数器，使用href属性作为目标链接。

a.magical::after {
    content: "(page" target-counter(attr(href), page) ")"
}

也推荐整篇文章。给Nathan Kot的帽子提示，并与之相关联。