Question

我想使用counter(pages)生成的值，以便使用@page规则在打印的Web文档的最后一页上执行特定的操作。

在页面上上下文中，使用counter(pages)对我来说很好：

    @page {
      @top-right {
        content: counter(pages);
      }
    }

寻址特定页面也可以：

    @page: nth(69) {
      @top-right {
        content: normal;
      }
    }

我想要的是将总页数传递给nth()，如下所示：

    @page: nth(#{counter(pages)}) {
      @top-right {
        content: normal;
      }
    }

没有成功。

我尝试使用SASS变量：

    $pagecount: 69; // this works
    $pagecount: '69'; // even this works
    $pagecount: #{counter(pages)}; // but this doesn't
    $pagecount: counter(pages); // nor does this
    ...
    @page: nth(#{$pagecount}) {...}
    ...

当我尝试使用动态值时，我的代码总是编译为

    @page :nth(counter(pages)) {}

这当然什么都不做。可以将总页数计入nth()吗？

Answer 1

正如3rdthemagical所指出的那样，对this previous question的答案实现了我想要的目标，而不是通过使用counter(pages)而是在位于其上的元素上使用named pages来实现文档的最后一页。

如何为变量分配CSS页面计数器？

1 个答案: