css parent / sibling selector

Question

我有类似的东西

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

当FormLabel成为焦点时，我需要将样式应用于input 我知道我们无法获得parent selector（Is there a CSS parent selector?） 我想要一个只使用 css （不使用jquery）来访问父级的工作

我在LESS

中使用&尝试了此操作

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

仍然没有运气：/ ..我错过了什么？谢谢！

Answer 1

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

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