以下是选择器:
<label for="choise1" id="l1"></label>
<label for="choise2" id="l2"></label>
<input type="radio" id="choise1" name="navinp" checked="true" />
<input type="radio" id="choise2" name="navinp" />
和CSS:
#choise1:checked ~#l1
{ background-color: #fff; }
#choise2:checked ~#l2
{ background-color: #fff; }
我认为这应该更改标签bgcolor
,但单击标签时没有任何反应。
怎么了?
最佳答案
~
选择器不适用于当前元素之前的元素。
如果您想突出显示标签,那么它们必须位于复选框之后 - DEMO
关于html - CSS :checked - change id's background color,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13209477/