选择<label>但排除包含<input>的<label>

Question

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

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

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

Answer 1

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

CSS没有父选择器，所以如果没有javascript，就不能检查包含其他元素的元素。

一些背景知识：

CSS selector for "foo that contains bar"?

Is there a CSS parent selector?

CSS Parent/Ancestor Selector

Complex CSS selector for parent of active child

Answer 2

“相邻兄弟”选择器应该可以工作，如果您正在寻找label+input对，请执行：

label+input
{
    /* rules */
}

这将忽略标签嵌套的输入，除非标签后面恰好有一个输入，而标签中有一个输入。

请参阅Sitepoint的CSS参考：http://reference.sitepoint.com/css/adjacentsiblingselector