JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
<h1>I am numbe one</h1>
<h3>number two</h3>
<p>something</p>
<p>something</p>
<button>last one - red</button>
</div>

<div class="header">
<h1>I am numbe one</h1>
<h3>number two</h3>
<p>last one - red</p>
</div>

<div class="header">
<p>number 1</p>
<h1>something</h1>
<h3>last one - red</h3>
</div>

CSS

.header:last-of-type p:last-of-type{
color: red;}