选择 <label> 但不包括包含 <input> 的 <label>答案

【问题标题】：selecting <label> but excluding <label> that contain <input>选择 <label> 但不包括包含 <input> 的 <label>
【发布时间】：2012-07-02 01:31:03
【问题描述】：

我有 2 种类型的标签，像第一行这样的普通标签，以及其中包含输入字段的标签。什么 CSS 规则可以让我选择所有 <label>，但排除所有恰好包含 <input> 的标签？

<label for="type">Some Label</label>

<label for="type">
   <input type="checkbox" value="1" id="type">Some Label
</label>

【问题讨论】：

标签： css

【解决方案1】：

“相邻兄弟”选择器应该可以工作，如果您正在寻找标签+输入对：

label+input
{
    /* rules */
}

这将忽略您的标签嵌套输入，除非在其中包含输入的标签之后碰巧有输入。

【讨论】：

【解决方案2】：

做到这一点的最佳方法是为它们添加不同的类，或者至少为其中一个添加不同的类。

CSS 没有父选择器，因此您无法使用一些 javascript 检查包含其他元素的元素。

【讨论】：