CSS3:选中的直接同级仅使用列出的第一条规则

Chrome（27.0.1453.116）和IE（10.0.9200.16618 w/更新为10.0.6）似乎都受到CSS规则按所列顺序阻塞的影响

给定以下CSS规则，仅应用第一个。如果切换顺序，渲染将切换。同样，一个

！重要信息

还将强制应用后一条规则，但第一条规则仍然未应用

input[type="radio"]:checked + label>div { background-color: #00A; };
input[type="radio"]:checked + label>span { color: #A00; };

以下是JSFIDLE上的MWE：

---

任何反馈/建议（特别是关于最知名的方法）或其他仅CSS+HTML的等效解决方案。

每行末尾都有分号。它们不应该存在，因为规则集不是以分号结尾的。相反，第一个尾随分号将打断第二个选择器

只需移除它们，它就可以工作：

input[type="radio"]:checked + label>div { background-color: #00A; }
input[type="radio"]:checked + label>span { color: #A00; }

---

请开枪打我这就是为什么我不喜欢在JS、C、Assembly和CSS之间切换。除非我用

误解了这一点！重要信息

不应产生任何影响。