JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <input type="checkbox" id="check" class="check-with-label" />
  <label for="check" class="label-for-check">My Label</label>
<div>
    
    <label class="label-for-check">
        <input type="checkbox" class="check-with-label" value="ssssss"/> SSSSS</label>

CSS

.check-with-label:checked + .label-for-check {
  font-style:bold;
}

.label-for-check > .check-with-label:checked  {

  font-style:bold;
}