'而不是' CSS选择在IE9

Question

据http://www.w3schools.com/cssref/sel_not.asp了 “不” 选择在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中正常工作。所以我建议你只是把它放在一边，忘掉它，除非你想花很多时间找出错误的程度。

input:checked + p {} 
 

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

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

为了测试，你可以注释掉第一行，然后它停止在IE工作。