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

Question

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

我不确定它是否存在，我看到它在其他 stackoverflow 答案中使用，如下所示：Footer on last print page。但是我在文档中找不到它，当我尝试使用它时它不起作用。

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

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

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

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

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

Answer 1

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

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

Answer 2

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

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

下面的例子：

HTML

<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 测试 - 很有魅力。