JSFiddle - React, Tailwind, and code Playground

by cherryflavourpez

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> nor <strong>should these</strong> or <strong>these</strong></p>

CSS

p { font-family:arial; }

    p > strong, p > strong:nth-child(n+1) { color:blue; }
    p > strong:first-child { color:red; }
    p > strong:nth-last-child(-n+1) { color:blue; }