Question

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

我不确定它是否存在，我发现它正在其他stackoverflow中使用，如下所示：Footer on last printed page。但我在documentation中找不到它，当我尝试使用它时它不起作用。

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

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

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

当我与:first选择器一起使用时，它可以正常工作。如何才能获得最后一页的效果？

我正在使用Weasyprint打印PDF文件。

Answer 1

基于the CSS3 Page docs，:last伪类被删除（或从未包含）。

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

Answer 2

这可以使用named pages来实现。

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

以下示例：

<强> HTML

<div class="last-page"></div> <!-- Or add this class name 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;
    }
}

使用Weasyprint测试 - 很有魅力。

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

2 个答案: