如果勾選複選框，突出顯示標籤並更改顏色範圍

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