仅定位CSS中特定元素的最后一次出现

Question

我有一个像这样的动态HTML结构：

<div class="upper">
    <p>..</p>
    <p>..</p>
    <p>..</p>
    <ul></ul>
    ...
    <div></div>
    <span></span>
    <p></p>
    <div></div>
</div>

“动态”是指p，div，span元素的数量可以逐页增加或减少。

我只想在最后一次出现p元素时应用一些CSS规则。通常，我会使用:last-child，但是正如您所看到的，它不是上层元素的最后一个子元素。而且我不能使用:nth-child，因为元素的数量在页面之间是不同的。那么我该如何定位呢？