JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container'>
    <p>Zero</p>
    <p class="red">First</p>
    <p class="red">Second</p>
</div>

CSS

.container .red:first-of-class,
.container .red:first-of-type,
.container .red:first-child
{
    color: red;
}