Html 不能'；t在@page selector的子选择器中插入文本
我需要写一堆格式化的文本，这对Office应用程序来说（至少对我来说）是不舒服的，所以我用Markdown+CSS来做这件事。我遇到了无法设置页面计数器的问题。例如，我必须使用Html 不能'；t在@page selector的子选择器中插入文本,html,css,printing,counter,Html,Css,Printing,Counter,我需要写一堆格式化的文本，这对Office应用程序来说（至少对我来说）是不舒服的，所以我用Markdown+CSS来做这件事。我遇到了无法设置页面计数器的问题。例如，我必须使用@页面的@右下的子选择器来粘贴数字，如 @page { @bottom-right { content: counter(page) " of " counter(pages); } } 为打印页面的用户配置格式。不幸的是，这个例子对我不起作用。事实上，我无法使用content:函数插入任何文本 一个最小
@页面的@右下
的子选择器来粘贴数字，如
@page {
@bottom-right {
content: counter(page) " of " counter(pages);
}
}
为打印页面的用户配置格式。不幸的是，这个例子对我不起作用。事实上，我无法使用content:
函数插入任何文本
一个最小的（非）工作示例：
<!DOCTYPE html>
<html>
<head><title>test</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<style>
h1 {
counter-reset: subsection;
page-break-after: always;
}
@page{
@top-left {
content: "Hello";
}
}
</style>
</head>
<body>
<h1>Section 1</h1>
<h1>Section 2</h1>
<h1>Section 3</h1>
<h1>Section 4</h1>
<h1>Section 5</h1>
</body>
</html>
测验
h1{
计数器复位：分段；
分页符后：始终；
}
@页面{
@左上角{
内容：“你好”；
}
}
第一节
第二节
第三节
第四节
第五节
在这里，当您要求浏览器打印时，您会看到五个标题显示为五个单独的页面。此外，根据@page
规则，您应该在每页的左上角看到一个单词“Hello”。你…吗？我在Firefox和Chrome上进行了测试，无论我选择哪个角落，我都看不到那里的文本
我还尝试（虽然@page不需要）将其包装成@media print{…}
，但没有任何改变
注意：在测试时，不要被浏览器倾向于自行插入的页面计数器弄糊涂。no。根据对链接答案的评论，它不起作用。看见另一条评论说它可以在IE8上使用，但我也没有让它在IE8上使用。@MrLister hm…这很有趣，所以，问题是缺少支持…但事实上，我至少看到了几篇关于使用CSS功能设计一本书的文章。我很好奇他们当时是怎么强迫它工作的。