JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p class="lol">lol</p>
    <p class="zor">zor</p>
    <p class="lol">lol</p>
    <p class="zor">zor</p>
</div>

CSS

p:first-of-type { 
    color:red;
}

p:first-child { 
    background-color: blue;
}

p.zor:first-child { 
    background-color: yellow;
}