Custom page breaks with "@media print" in CSS when creating a PDF from HTML?

Question

Searching for threads containing the text string "@media print" gave me zero hits, so I guess I'm either the smartest guy in the entire universe for coming up with this idea or the dumbest for the same reason since I must be missing something that everyone else knows by heart without even asking.
Namely, I would like to make use of the CSS "@media print" wrapper when I'm converting an HTML file to PDF through Adobe Acrobat - as opposed to printing an HTML page through a web browser using the Adobe PDF virtual printer device. These are, as I understand it, two equivalent though not entirely identical (as they make use of and rely on somewhat different settings) procedures that both convert an HTML file into a PDF document.
Here's my CSS code:
@media print { span.pagebreak {page-break-before: always} }
And here's my HTML code invoking the page break:
<span class="pagebreak"></span>
Bottom line, this works great when I print the HTML file through my web browser, using the Adobe PDF printer device. However, when converting the HTML file through Adobe Acrobat, this print-related setting is ignored. Obviously, printing and converting a file isn't technically identical but as I said, it's for virtually all intents and purposes the same procedure.
I'm guessing that someone at the Adobe HQ must have thought through this issue during a brainstorming session and come up with a simple yet elegant solution to cater for the needs of those who want to use custom page breaks when converting their HTML documents directly through Adobe Acrobat. Maybe a simple setting somewhere or a custom CSS tag like "@media adobe", or something similar?

Answer 1

I've never heard of anyone succeeding in this.