使用较少的CSS选择父级中的元素

Question

我有一个如下的HTML结构：

<div class="container">
  <label>Name:</label>
  <div class="controls">
    <input type="text" class="formatted-input"></input>
  </div>
</div>

我只能访问"formatted-input“类。我需要一种方法来从那个类移动到最外面的父类中的标签，并对其应用格式。有没有可能使用更少的CSS？

我想出了一些类似这样的东西：

.container .formatted-input
{
  & & > label {
    color: yellow;
  }
}

但它不起作用。有什么建议吗？

谢谢!

Answer 1

LESS只是带有语法糖霜的CSS。

看起来您只需要获得以下选择器：

• .container label
• .container .formatted-input

.container {
    label {...}
    .formatted-input {...}
}