html - css :checked - 更改 id 的背景颜色

Question

以下是选择器：

<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，但点击标签时没有任何反应。怎么了？

Answer 1

选择~器不适用于当前元素之前的元素。

如果要突出显示标签，则它们必须位于复选框之后-演示

Answer 2

这可能是浏览器问题，因为 Internet Explorer 不支持 Psuedo 类选择器 :checked。

参考：http ://reference.sitepoint.com/css/pseudoclass-checked