I have placed in my CSS code setting for @page:first and @page as they require different footer details.
However what I need to do is alter settings for page 2 specifically as this page by design will be blank.
I need to update the second page to have no footer details. Is this something that can be done?
@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);
}
}
@page
CSS at-rule is used to modify some CSS properties when printing a document. You can't change all CSS properties with@page
. You can only change the margins, orphans, widows, and page breaks of the document. Attempts to change any other CSS properties will be ignored.@page
(I think so) but you can try:nth-child(2)