设置不同的@page规则大小，当它与打印中的classname匹配时

Question

当@page规则与类名匹配时，我想设置不同的@page规则大小。我试图研究，但我发现的答案是伪类，我认为这不是我问题的解决方案。

这是我的css

@media print {
   @page {
      margin: 13.2mm 0mm 12.9mm;
   }
}

html文件#1

<div class='classname-1'>
   some contents here..
</div>

html文件#2

<div class='classname-2'>
   some contents here..
</div>

当我尝试打印时，我想出的解决方案是，但不起作用。它只应用最新的@page规则

@media print {
   .classname-1 { 
      @page {
         size: portrait;
         margin: 13.2mm 0mm 12.9mm;
      }
   }

   .classname-2 { 
      @page {
         size: landscape;
         margin: 5mm 5mm 5mm;
      }
   }
}

Answer 1

到目前为止，我在搜索合适的方法/技术时还没有找到。因此，我尝试在打印时自定义元素的样式。