CSS选择父元素

Question

假设我有这样的HTML

<label><input type="radio" checked></label>
<label><input type="radio"></label>

问题：在这种情况下如何选择已检查无线电的标签？

Answer 1

你想要实现的目标在CSS3中是不可能的..如果你愿意，你可以将元素包装在容器中，并通过浮动或使用position: absolute;

来定位它们

Demo（不相关，因为您没有提供任何具体代码，但我在这里分享了一个通用示例）

div.wrap label {
    float: left;
}

.wrap input[type=radio]:checked + label {
    color: red;
}

Answer 2

在CSS3中，目前无法做到这一点。

您应该做的是向label添加一个类，然后定位该类。

作为参考，他们希望将此包含在CSS 4 Specification中，并使用符号：

!label > input[type="radio"]:only-child

但是目前还没有任何浏览器支持（因为它甚至没有最终确定）。