css - CSS 选择父元素

Question

假设我有这样的 HTML

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

问题：在这种情况下，如何选择已选中收音机的标签？

Answer 1

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

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

div.wrap label {
    float: left;
}

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

Answer 2

在 CSS3 中，目前没有办法做到这一点。

您应该做的是向您label的 s 添加一个类，然后以该类为目标。

作为参考，他们希望将其包含在CSS 4 规范中，该规范将使用以下符号：

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

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