我试图通过在html-tag中添加一个类来扩展我的CSS范围。但我也希望添加到html-tag中的其他类也包含在此范围内。在下面的 style.less 代码中,您可以看到我正在尝试使用"&" (当然这不起作用)。在 file.less 中执行此操作而不是执行& .randomClass1的原因是因为我没有完整概述可添加到html标记的所有类JS等。
我正在尝试做什么工作?
的index.html:
<html class="scopeClass randomClass1 randomClass2">
style.less:
.scopeClass,
.scopeClass & {
@import "file.less";
}
file.less:
.randomClass1 .foo {}
.foo {}
期望的结果:
.scopeClass.randomClass1 .foo {}
.scopeClass .foo {}