Количество страниц не увеличивается для печатных СМИ CSS ⇐ Html

[Anonymous]

CSS Counter-Krement не увеличивается при печати. Я бы хотел нижний колонтитул для каждой страницы с соответствующим номером. < /P>
выдержка со своей страницы: < /p>

Код: Выделить всё

@media print {
body {
counter-reset: page-num;
}

footer .count-page-num::before {
counter-increment: page-num;
}

footer .count-page-num::after {
content: "Page " counter(page-num);
}

header {
font-size: x-small;
position: fixed;
/* always print the headers*/
left: 0;
right: 0;
top: 0;
border-bottom: 1px solid #444;
}

footer {
font-size: x-small;
position: fixed;
left: 0;
right: 0;
bottom: 0;
border-top: 3px solid #000;
}
}





 -- main content here --


TEST FOOTER




< /code>
< /div>
< /div>
< /p>
Кроме того, я попробовал: < /p>

body {
counter-reset: page-num;
}

footer .count-page-num::after {
content: "Page " counter(page-num);
}

page {
counter-increment: page-num;
}

И это также не работает (ссылка: https://stackoverflow.com/a/66748292/30958341)
Я следил за школами W3 и посмотрел на другие посты StackOverflow о том, как правильно наградить, но я застрял. Я думаю, что это связано с тем фактом, что мой нижний колонтитул считается фиксированной позицией, поэтому технически оно воспроизводит только один раз (и каждый из моего предварительного просмотра печати просто печатает первый экземпляр значения (инициализируется при 0)

Подробнее здесь: https://stackoverflow.com/questions/797 ... rint-media