假设我有这样的 HTML
<label><input type="radio" checked></label>
<label><input type="radio"></label>
问题:在这种情况下,如何选择已选中收音机的标签?
假设我有这样的 HTML
<label><input type="radio" checked></label>
<label><input type="radio"></label>
问题:在这种情况下,如何选择已选中收音机的标签?
您想要实现的目标在 CSS3 中是不可能实现的。如果您愿意,您可以将元素包装在容器中,并通过浮动或使用来定位它们position: absolute;
演示(不相关,因为您没有提供任何特定代码,但我在这里分享了一个通用示例)
div.wrap label {
float: left;
}
.wrap input[type=radio]:checked + label {
color: red;
}
在 CSS3 中,目前没有办法做到这一点。
您应该做的是向您label
的 s 添加一个类,然后以该类为目标。
作为参考,他们希望将其包含在CSS 4 规范中,该规范将使用以下符号:
!label > input[type="radio"]:only-child
但这还没有被任何浏览器支持(因为它甚至还没有最终确定)。