求助大神!~打印样式page自定义问题

独行剑侠

我在html页面内添加了计数器，想实现类似word页脚的页数效果
但是看了半天page的文档，还是没看懂，求助大神帮助。
参考的https://blog.csdn.net/erlian1992/article/details/82594093


我想得到最终的效果：      第1页/共9页  第2页/共9页  第3页/共9页……
但是目前是：  第1页/共0页   每一个打印页都是这个……


总感觉哪不对。


我目前的HTML

[HTML] 纯文本查看 复制代码

<div id="content">
  <div id="pageFooter"></div>
</div>

目前的CSS

[CSS] 纯文本查看 复制代码

#content {
    text-align:center;
}
#pageFooter {
}
#pageFooter:after {
    counter-increment: page;
    content: "第 "counter(page)"页 /"" 共 " counter(pages)" 页";}