第二页的CSS @page设置

时间:2018-06-13 09:40:30

标签: css

我已将@page:first和@page放在我的CSS代码设置中,因为它们需要不同的页脚详细信息。

但是,我需要做的是更改第2页的设置,因为此页面设计为空白。

我需要更新第二页,以便没有页脚详细信息。这是可以做到的吗?

 @page:first{
    margin-top: 50px;
    margin-bottom:50px;
    margin-left: 50px;
    margin-right: 50px;
    content:counter(page);
    @bottom-right {
        content: element(footer2);
        }
}

@page{
    margin-top: 50px;
    margin-bottom:50px;
    margin-left: 50px;
    margin-right: 50px;
    @bottom-right {
        content: element(footer);
        }
}

1 个答案:

答案 0 :(得分:1)

TL;DR:第一页使用 @page:first,第二页及以后继续使用 @page

我找不到第二页及以后的解决方案,:nth-child(2)@page + @page 对我不起作用,但 @page:first 确实有效,所以我最终解决了我的问题它。希望它也能满足您的需求。