Html 使用css选择父项

有没有一种方法可以使用css选择父项？我的意思是我的结构是这样的

<label>
  <input />
<label>

---

我无法在标签中使用，属性。

不幸的是，CSS中没有父选择器，但您可以在输入后放置标签，并在选择器中使用相邻的同级组合符+，执行类似操作

HMTL：

你也可以做一些丑陋的黑客把戏，把另一个标签放在你的标签里

HTML:

<label>
  click me
    <input type="checkbox"  />
  <label>color</label>
</label>

通过这种方式，您可以单击标签，并使用输入后面的另一个标签执行一些操作

---

HTH.

但是这样做不会在单击标签时检查输入元素。因为它与任何输入元素都没有关联。如果您不能使用for属性并在标签内放置另一个标签，则可以使用一些黑客技巧，如本例所示：非常感谢。但我最终还是做了一个定制的活页夹，因为我使用的是knockout。这对我来说很有效，代码并不像我想的那样难看，除非使用jquery。主持人注意：请保持文明和建设性的评论-谢谢。

<input />
<label><label>

input['_type_']:checked + label:after{ /*means the element that follows input*/
    some css
}

<label>
  click me
    <input type="checkbox"  />
  <label>color</label>
</label>

input[type="checkbox"]:checked + label {
    color: red;
}