css - 使用 LESS CSS 在父元素中选择元素

标签 css html less

<分区>

我的 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;
  }
}

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

谢谢!

最佳答案

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

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

  • .容器标签
  • .container .formatted-input

如果你想让它们聚集在一起,那么你需要围绕共性进行组织,在这种情况下是.container:

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

关于css - 使用 LESS CSS 在父元素中选择元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13611021/

上一篇:css - 如何为日期输入字段设置自定义图标

下一篇:javascript - Firefox 会默默地忽略一些不违法的 CSS 值

相关文章:

css - 关于绝对定位或固定定位元素的边距或显示属性的相关性问题

css - 使用 CSS 为标题添加彩色边线

javascript - 使用 appendTo() 和 switch 将变量中的内容添加到 div

html - 在这种情况下如何订购 z-index

javascript - 如何使用 queryselectorAll 方法获取多个 div id

html - 火狐不兼容

javascript - 是否可以停止从 HTML 标记继承 shadowDom 中的 CSS?

javascript - 间隔一段时间后发送推送通知

css - 在 LESS 中为子节点乘以 css 值

html - 如何组织一个 base less 文件和多个 child less 文件?