JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<input type="checkbox" name="a" />

<input type="checkbox" name="b" />

<input type="checkbox" name="c" />

</div>

<div class='xyz_sdc'>
<input type="checkbox" name="d" />
</div>

CSS

div:not([class^="xyz_"]) input[type="checkbox"]{

   width:30px;
    margin:10px;
}

JavaScript

//$("input[type='checkbox']:not() + span").css("background-color", "yellow");