CSS - 类型标签选择器？

Question

我正在使用这篇文章解释如何为给定元素添加标签选择器。但是，我想用它来选择给定类型（特别是类型单选）的所有标签。试：

label[for=input[type="radio"]] {
    /* Styles */
}

和

label[for=[type="radio"]] {
    /* Styles */
}

不起作用，我不确定我做错了什么或如何做正确。有人可以向我解释解决方案吗？非常感谢！

Answer 1

不幸的是，使用当前的 CSS3 选择器无法完成您想要的操作。

有计划将此功能包含在 CSS level 4 选择器中，但其规范尚未最终确定，并且肯定不会在任何当前浏览器中实现。

这个想法是一个看起来像这样的选择器：

label /for/ [type="radio"] {
    /* styles */
}

但这是为了未来，而不是现在。对不起。

您可以在这里阅读：http://css4-selectors.com/selector/css4/reference-combination/

同时，如果您需要这种东西，则需要确保构建 HTML，以便元素可以使用当前的 CSS 选择器相互引用。

例如，如果它们彼此相邻，您可以使用以下命令：

label + input[type="radio"] { .... }

这已经是你目前能得到的最接近的结果了。