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

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

如果您想要突出显示标签，那么他们必须 后复选框 - DEMO

Answer 2

这可能是一个浏览器问题，因为Internet Explorer不支持Pseudo类选择器：checked。

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