＆＃39;不＆＃39; ie9中的css选择器

Question

根据http://www.w3schools.com/cssref/sel_not.asp＆＃34; not＆＃34; IE9支持选择器 但是以下内容在ie9中不起作用：

HTML：

<input type="checkbox"><span>I agree to the terms and conditions</span>

CSS：

input:not(:checked) + span
{
    font-weight:bold;
    text-decoration:underline;
    color:red;
}

选中该复选框后，仍会应用样式。在其他浏览器（FF，Chrome）中，它按预期工作。

是IE9的某种错误吗？

感谢。

Answer 1

我不知道错误究竟是什么，但我有一个解决方法。

通过一些实验，我发现如果你把这一行

input:checked + p {}

在你的CSS上面，你的CSS在IE中运行良好。所以我建议你把它放进去并忘记它，除非你想花很多时间来找出bug的严重程度。

＆＃13;

＆＃13;

input:checked + p {}

input:not(:checked) + span {
  font-weight: bold;
  text-decoration: underline;
  color: red;
}

＆＃13;

<input type="checkbox"><span>I agree to the terms and conditions</span>

＆＃13;

＆＃13;

＆＃13;

要进行测试，您可以注释掉第一行，然后停止在IE中工作。