page-break-inside优先顺序

Question

是否可以使用CSS设置分页符的优先顺序？因此，如果一个元素具有page-break-inside: avoid并且其中的元素也具有相同的内容，那么是否可以说如果需要中断则哪个元素应该先断开？

我正在编写一个报告，其中包含标题，子标题和数据，并且视图是使用handebars创建的，并且可以包含不同数量的数据。我想尽可能地对数据进行分组，但绝对希望避免页面在标题或子标题下方突破的情况。

在下面的示例中，如果我需要分页符，则需要在段落和标题之间。

<h1>Header 1</h1>
<h2>Header 1.1</h2>
<p>Paragraph 1.1</p>
<h2>Header 1.2</h2>
<p>Paragraph 1.2</p>
<h1>Header 2</h1>
<h2>Header 2.1</h2>
<p>Paragraph 2.1</p>

我一直在包装那些我不希望在div中使用不间断课程中断的项目。但是我怎样才能实现上述目标呢？嵌套不间断是行不通的。

@media print {
  .no-break {
    page-break-inside: avoid;
  }
}

<div class="no-break">
  <div class="no-break">
    <h1>Header 1</h1>
    <h2>Header 1.1</h2>
    <p>Paragraph 1.1</p>
  </div>
  <div class="no-break">
    <h2>Header 1.2</h2>
    <p>Paragraph 1.2</p>
  </div>
</div>
<div class="no-break">
  <h1>Header 2</h1>
  <h2>Header 2.1</h2>
  <p>Paragraph 2.1</p>
</div>