JSFiddle - React, Tailwind, and code Playground

by Alphonsio

HTML

<div class="container">
    <p>First paragraph</p>
    <p>Second paragraph</p>
</div>
<div class="container">
    <div>Not a paragraph</div>
    <p>Third paragraph</p>
</div>

CSS

.container p:first-of-type {
    color: blue;
}

.container {
   padding: 0.5rem;
   margin: 1rem;
   border: 1px solid black;
}