JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

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;
}

#radio-one:checked + label + div a {
    color: red;
}