CSS 分页媒体：最后一页选择器

Question

我需要知道是否可以使用:last选择器修改最后一页的内容。

我不确定它是否存在，我看到它被用在其他像这样的 stackoverflow 答案中：页脚在最后打印的页面上。但是我在文档中找不到它，当我尝试使用它时它不起作用。

我正在尝试清除最后一页页脚上的内容，如下所示：

@page {
        @bottom-right {
            content: "Please turn over";
        }
}

@page :last {
        @bottom-right {
            content: none;
        }
}

当我将它与:first选择器一起使用时它会起作用。我怎样才能得到最后一页的效果？

我正在使用 Wea​​syprint 打印 PDF 文件。

Answer 1

这可以通过使用命名页面来实现。

在最后一页上创建一个元素（或使用将出现在最后一页上的现有元素）并为其分配一个last-page类。

下面的例子：

超文本标记语言

<div class="last-page"></div> <!-- Or add this class to an existing element that appears on the last page -->

CSS

.last-page {
    page: last_page;
    page-break-before: always; /* Use if your last page is blank, else omit. */
}

@page {
   @bottom-right {
       content: "Please turn over";
    }
}

@page last_page {
    @bottom-right {
        content: none;
    }
}

使用 Wea​​syprint 进行测试 - 效果很好。

Answer 2

根据CSS3 页面文档，伪类似乎:last已被删除（或从未包含）。

:blank如果您可以在文档末尾强制分页，则可以使用伪类定位最后一页。但这可能会对其他空白页面产生不良影响。