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

我的HTML结构如下所示：

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

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

---

谢谢

LESS只是带有语法糖霜的CSS

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

• 。集装箱标签

• .container.格式化输入

如果希望将它们聚集在一起，则需要围绕公共性进行组织，在本例中，公共性是

.container

：

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

---

为什么？？？请看这里：LESS只编译为正常、有效、标准的CSS-因此，如果不能在CSS中完成，则不能使用LESS（并且当前不能使用CSS完成“父/上一个同级选择器”）。

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