JSFiddle - React, Tailwind, and code Playground

HTML

<input id="checkboxWithGeneralSiblingSelector" type="checkbox"/>
<span id="span1">Text</span>
<br/><br/>
<input id="checkboxWithoutGeneralSiblingSelector" type="checkbox"/>
<span id="span2">Text2</span>

CSS

#checkboxWithGeneralSiblingSelector:checked ~ #span1 {
    font-weight: bold;
}

#checkboxWithoutGeneralSiblingSelector:checked #span2 {
    font-weight: bold;
}