JSFiddle - React, Tailwind, and code Playground

HTML

<p>This strong shouldn't be <strong>red</strong>...</p>
    <p><strong>This</strong> however should be and <strong>this</strong> shouldn't...</p>
    <p>These <strong>also should not</strong> be red...</p>
    <p><strong>These words should be red</strong> ... but <strong>these shouldn't</strong></p>
    <p>None <strong>of</strong> these <strong>should</strong> be <strong>red</strong>...</p>

CSS

p { font-family:arial; }

p > strong:first-child { color:#f30; }