我想选择打印页面上的最后一个元素。例如,给定这个 HTML(假设打印页面的高度为 100px):
<!-- other content before -->
<div id="TheThing">
<section id="a">Some content</section>
<section id="b">Some content</section>
<section id="c">This will be the last section on the page</section>
<section id="d">This section will start on the next page</section>
<section id="e">This is the last section</section>
</div>
<!-- other content after -->
这个CSS:
#TheThing {
page-break-before: always;
page-break-after: always;
}
section {
height: 30px;
border-bottom: solid 1px black;
page-break-inside: avoid;
}
我希望能够选择每个打印页面上的最后一个元素,在这种情况下#c
(并且#e
,虽然如果有必要,这可以很容易地用 排除:not(:last-child)
)并删除它的边框。
所需输出的近似值:
目前我正在使用 Prince XML。我不喜欢用它来处理 JavaScript。
可能吗?