我在CSS代碼中設(shè)置了@page:first和@page,因為它們需要不同的頁腳細(xì)節(jié)。
然而,我需要做的是改變第2頁的設(shè)置,因為這一頁的設(shè)計將是空白的。
我需要更新第二頁,沒有頁腳細(xì)節(jié)。這是可以做到的嗎?
@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);
}
}
TL;DR:在第一頁使用@page:first,在第二頁及以后繼續(xù)使用@page。
我找不到第二頁和第:n-child(2)或@page + @page的解決方案,但@page:first可以,所以我最終用它解決了我的問題。希望它也能滿足你的需求。
我推薦& quot命名頁面& quot并參考文檔。
https://drafts.csswg.org/css-page-3/#using-named-pages
假設(shè)你的第二頁是一節(jié)課。標(biāo)題,你可以想出其余的...
@page title { background-color: red; }
section.title { page: title }
這在WeasyPrint中有效。
上一篇vue ie不兼容
下一篇vue If 大于小于