css - LESS/CSS 从元素声明中选择父级

Question

使用 Modernizr 等库，您可以在 html 标签中加入一些区分浏览器功能的类，例如，如果它不能执行 css 转换，则 html 标签会获得类 no-csstransforms。我想要做的是为一个元素编写 css 属性并根据 html 类拆分它们，例如:

.my-element {

[SomethingThatCanSelectAparent]html.csstransforms & {
        // i can do transforms to this element
}
[SomethingThatCanSelectAparent]html.no-csstransforms & {
  /// whatever you want do for older browsers
}

}

我知道我可以从 html.whaterver { .my-element }开始，但在大型网站上它会很烦人

我怎样才能像这样以干净的方式实现它？

Answer 1

在 SASS 和 LESS 中，您应该能够使用这样的 & 号来完成此操作:

.your-element {

  color: red;

  html.csstransforms & { color: blue; } 

}

这个输出应该是:

.your-element { color: red; }
html.csstransforms .your-element { color: blue; }

编辑:

抱歉，一开始看错了问题并给出了 SASS 答案，但同样应该也适用于 LESS。