CSS中的父选择器？ [复制]答案

【问题标题】：Parent selector in css? [duplicate]CSS中的父选择器？ [复制]
【发布时间】：2016-11-10 23:37:54
【问题描述】：

如何通过使用纯 css 的子元素引用来获取父元素？

#checkbox{
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
#checkbox:checked (parentName){
  color: red;
}

<label for="checkbox">
  <input type="checkbox" id="checkbox" />
  click me
</label>

我知道我们可以简单地使用 jQuery 来查找子元素的父元素。像这样的东西；-

$(this).parent().css({'color': 'red'});

有没有办法使用纯css选择器来识别父选择器？

【问题讨论】：

【解决方案1】：

有没有使用纯 CSS 选择器来识别父选择器？

没有。

我们仍然没有原生 CSS 中的父选择器。但在未来，这可能是可能的，因为现在有一些 CSS 方法可用。

可以解决您的问题的简单解决方法，例如将父 label 的文本内容包装在 span 等元素中：

#checkbox{
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
#checkbox:checked + span{
  color: red;
}

<label for="checkbox">
  <input type="checkbox" id="checkbox" />
  <span>click me</span>
</label>

【讨论】：

我不明白为什么人们不赞成简洁的答案。
@J.C.Rocamonde 我不是反对者，但我认为这是一个重复的问题。
这不是用户回答的错。
我想我只是回答了被问到的问题.....就是这样。我不知道我是否想念什么。
@J.C.Rocamonde 我同意，但这个社区就是这样运作的。我在我的问题中增加了很多反对票，只是因为一些无关主题的讨论。想象一个完美的世界……stackoverflow 不是。