So I keep reading that there is no parent selector in css (which is a bit weird).
Does this mean I'm not able to change the background on .fake-checkbox
when the checkbox is checked using only css?
The code looks like this:
<div class="checkbox">
<span class="fake-checkbox" id="chkbx">
<input type="checkbox" />
<svg class="svg svg-icon" viewBox="0 0 20 20">
<path d="M7.97832489 13.4912738 3.56842362 9.01683836 2 10.6248752 8.17428734 17 18 4.49099934 16.1436545 3z"></path>
</svg>
</span>
<label for="chkbx">Recurring object</label>
</div>
Ideal selector would be:
input:checked < span { background-color: green; }