html - 印刷されるページごとに最後の要素のスタイルを変える

Question

要素のリストがあります（任意の長さ）。ただし、ユーザーが印刷するときに、すべてのページの最後の要素のスタイルを変更したいと考えています。

これまでのところ、使用してみ@page {.el:last-child...}ましたが、何もしません。を使用するとel:last-child、最後のページの最後の子にのみスタイリングが適用されます。

どんな助けでも大歓迎です。

私は次のHTMLを持っています:

.el {
  width: 500px;
  height:250px;
  background:#ccc;
  margin:10px;
}
@page {
  .el:last-child {
    font-weight:bold;
  }
}
@media print {
  .el {display:block;}
}

    <div>
    	<div class="el"> element </div>
    	<div class="el"> element </div>
    	<div class="el"> element </div>
    	<div class="el"> element </div>
    	<div class="el"> element </div>
    	<div class="el"> element </div>
    	<div class="el"> element </div>
    </div>