JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class="p1"></div>
    <div class="p2"></div>
    <div class="p1">last p1</div>
    <div class="p2"></div>
</div>
<div>
    <div class="p1"></div>
    <div class="p2"></div>
    <div class="p1"> last p1</div>
    <div class="p2"></div>
</div>
<div>
    <div class="p1"></div>
    <div class="p2"></div>
    <div class="p1"></div>
    <div class="p2"></div>
    <div class="p1"></div>
    <div class="p2"></div>
    <div class="p1"></div>
    <div class="p2"></div>
    <div class="p1">last p1</div>
    <div class="p2"></div>
</div>

CSS

div > div {
    height:20px;
    margin:3px;
    background:red;
}
.p1 {
    background:orange;
}
div > .p1:nth-last-child(2) {
    background:black;
    color:white;
}