目录与html中的页码

Question

我需要为一个大的html页面创建目录,然后打印出来.
我发现的唯一选择是CSS3,它现在在浏览器中不起作用(我在FireFox中尝试过,并且知道Web Kit也不支持它).这是链接.Html代码:

<a class="pageref" href="#figure">see the figure</a>

CSS3代码:

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

有没有其他方法可以做到这一点？我可以在FireFox中使用它的方式？因为我发现解决方案是css3的w3草案,据我所知,浏览器还不支持它.

Answer 1

我认为这会很简单：

a.pageref{
    counter-reset: pagecounter;
}

a.pageref:before {
    content: " on page " counter(pagecounter);
    counter-increment: pagecounter;
}

链接在这里