JSFiddle - React, Tailwind, and code Playground

HTML

<label>
    click
    <input type="checkbox">
    <div>change inside</div>
</label>
<div>change outisde</div>

CSS

label + div, label > div {
    background-color: yellow;
}
label > input:checked + div{ /*inside works*/
    background-color: red;
}
label + div input:checked + div{ /*ouside not*/
    background-color: red;
}