JSFiddle - React, Tailwind, and code Playground

HTML

<p>This strong shouldn't be <strong>red</strong>...</p>
<p><strong><span>This</span></strong> however should be and <strong>this</strong> shouldn't...</p>
    <p>These <strong>also should not</strong> be red...</p>
<p><strong><span>These words should be red</span></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 > span { color:#f30; }