如果勾选复选框，突出显示标签并更改颜色范围

Question

如果复选框已选中，我需要突出显示标签。并在标签上更改颜色范围。 标签工作正常，但我不知道，如何检查复选框时如何更改范围的颜色。

HTML

<input class="check" type="radio" name="typeSelect" id="a" value="1" /><label class="labelcheck" for="a"> <span >Hello </span> World</label> 
<input class="check" type="radio" name="typeSelect" id="b" value="2" /><label class="labelcheck" for="b"> <span >Hi </span> Again</label> 

CSS

.check:checked + .labelcheck { 
    font-weight: bold; 
} 
.check:checked + .labelcheck + . span { 
    color: red; 
} 

Answer 1

由于跨度标签的孩子，你可以这样做：

.check:checked + .labelcheck { 
    font-weight: bold; 
} 
.check:checked + .labelcheck span { 
    color: red; 
}