显示页码时出错。从HTML转换为PDF

Question

这是我的目标：

我的计数器必须在阻止。 我无法使用@bottom-right

我有：

我发现了这个问题：

@page {
        counter-increment: page
    }

.page-counter {
    width: 50%;
    float: left;
    text-align: left;
    height: 32px;
    font-weight: normal;
}

.page-counter::after{
    content: "Page " counter(page) " of " counter(pages);
}

<div class="page-counter"></div>

我的错误在哪里？ 提前谢谢。

我试过了：

@page {
   .page-counter{
    content: counter(page) " of " counter(pages);
   }
}

但它不起作用