JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<input type="radio" id="radio-one" name="radio" checked value="radio-one" />
<label id="radio-one-label" for="radio-one">Label 1</label>
<div>
<a href="#">This is a link inside a div</a>
</div>
<input type="radio" id="radio-two" name="radio" checked value="radio-two" />
<label id="radio-two-label" for="radio-two">Label 2</label>
</form>
CSS
input[type="radio"]:checked + label {
color: green;
}
/*This isn't working*/
#radio-one:checked + div a {
color: red;
}