JSFiddle - React, Tailwind, and code Playground

HTML

<p id="scenario1">
    <span>plain</span>
    <b>bold?</b>
</p>    

<p id="scenario2">
    <span>plain</span>
    <b>bold?</b>
</p>

CSS

p { font-weight:300; font-size:2em }

#scenario1 b { font-weight:bolder; }

#scenario2 b { font-weight:bold; }