@page rule cannot be overridden in the next css file or internal css in the style tag
Hi there,
My first css @page rule.
@page {
size: A4;
margin: 1cm;
border: 3px solid red;
@top-center {
content: element(pageHeader);
}
@bottom-center {
content: element(pageFooter);
}
#pageHeader {
position: running(pageHeader);
}
#pageFooter {
position: running(pageFooter);
}
My next @page rule
@page {
margin: 0;
border: 3px solid green;
}
The output shows the red color border and not the green.