我可以使用CSS为不同的页面设置不同的默认打印页面大小吗

我有一些页面，我想设置，使打印默认为A4横向在某些情况下，但在其他A3肖像

根据中的答案，我尝试在print.less文件中设置以下内容

@media print{

  .print-portrait-a3 {
    @page {
      size: A3 portrait;
      margin: 0.5cm;
    }
  }

  .print-landscape-a4 {
    @page {
      size: A4 landscape;
      margin: 0.5cm;
    }
  }

  .print-portrait-a4 {
    @page {
      size: A4 portrait;
      margin: 0.5cm;
    }
  }
}

然后，我将.print-肖像-A3类等放在我要打印的页面部分的顶部，以尝试让它们打印到不同的页面大小

然而，我无法实现这一点——无论我的css中的最后一种样式是什么，它都会被所有页面使用

我只是刚刚开始学习CSS（很明显我没有太多的线索），所以希望能有一些解释来澄清我的误解

---

我使用的是jade和bootstrap

我不认为可以将CSS嵌套在div下，就在媒体查询下。 以下是一些未经测试的代码，这些代码改编自：

你也可以看看

/* style sheet for "A4" printing */
 @media print and (width: 21cm) and (height: 29.7cm) {
    @page .print-landscape-a4 {
       margin: 3cm;
       size: A4 landscape;
    }
 }