JSFiddle - React, Tailwind, and code Playground

HTML

<p>test</p>
<p>test</p>
<p>test</p>
<p class="test1">test</p>
<p class="test1">test</p>
<p class="test1">test</p>
<p class="test1">test</p>

CSS

p.test1{
    background-color: red;
}
p.test1:last-child{
    color: white;
}
p.test1:first-child{
    color: green;
}
p:first-child{
    color: orange;
}