LESS：类中嵌套导入

Question

我有很多 less 文件被导入到一个主 less 文件中。该主文件有一些包含十六进制颜色的不同变量。

例如：

@black: #333;
@green: #007f4b;
...

@import "layout";
@import "html";
...

可以用这个基地做一些事情吗？

例如：

@black: #333;
@green: #007f4b;

@import: "layout";
@import: "html";

.fanshop {
  @black: #111;
  @green: green;

  @import: "layout";
  @import: "html";
}

结果应如下所示：

.headline {
  background-color: #333;
}
.fanshop .headline {
  background-color: #111;
}

这可以用更少的编译器实现吗？目前我正在使用 lessphp。

谢谢！

Answer 1

在 Less 中是可能的（不确定确切的版本，但很可能是从 1.5.x 开始），如下所示：

@black: #333;
@import "layout";

.fanshop {
    @black: #111;
    @import (multiple) "layout";
}

但这在 lessphp 中不起作用，因为它有点落后于 Less 1.4.x。您可以尝试使用 less.php 来代替。