CSS父/兄弟选择器

Question

我有这样的东西

<form class="Form">
  <FormField>
    <label class="FormLabel" ..>
    <div class="FormInput">
      <div class="InputField">
        <input../>
      </div>
    </div>
  </FormField>
</form>

input集中时，我需要将样式应用于FormLabel 。
我知道我们无法获取parent selector （ 是否有CSS父选择器？ ），我想一种变通方法， 仅使用CSS来访问父选择器 （不使用jquery）

我在& LESS中尝试使用&

.Form {
  .FormField {
    .Input:focus & .FormLabel {
       border:green
     }
   }
}

还是没有运气：/ ..我想念什么？ 谢谢！

Answer 1

当前，无法使用CSS选择项目的父项。 必须使用JavaScript / jQuery完成。

由于无法获取焦点所在项目的父项目（在本例中为输入），因此无法使用纯CSS更改其样式。