Могу ли я использовать CSS, чтобы установить разные размеры страниц по умолчанию для разных страниц?

У меня есть несколько страниц, которые я хотел бы настроить так, чтобы печать по умолчанию менялась до формата A4 в somecases, но портрет A3 в других.

Основываясь на ответе css print styling Я попытался настроить следующее в файле 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-portrait-A3 и т.д. в верхней части разделов страницы, которые я печатаю, чтобы заставить их печатать на разные размеры страниц.

Однако я не могу заставить это работать - в зависимости от того, какой последний стиль в моем css является тем, который используется всеми страницами.

Я только на самом деле начинаю с CSS (возможно, очевидно, что у меня нет большой догадки), поэтому я хотел бы получить некоторое объяснение, чтобы разобраться в моих недоразумениях.

Я использую jade и bootstrap