使用LESS CSS在父级中选择元素

Question

我有一个HTML结构如下：

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

我只能访问“格式化输入”类。我需要一种方法从该类旅行到最外层父母的标签并将格式应用于它。这可能使用LESS CSS吗？

我想出了类似的东西：

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

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

谢谢！

Answer 1

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

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

• .container label
• .container .formatted-input

如果您希望将它们聚集在一起，那么您需要围绕共同点进行组织，在这种情况下为.container：

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