css - 使用 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;
  }
}

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

谢谢！

score 0 · Accepted Answer

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

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

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

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

1 回答 1