LESS：类中的嵌套导入答案

【问题标题】：LESS: Nested Import In ClassLESS：类中的嵌套导入
【发布时间】：2014-01-17 17:10:59
【问题描述】：

我有很多 less 文件被导入到一个 main 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。

谢谢！

【问题讨论】：

请查看：stackoverflow.com/questions/9623791/…
您是否缺少导入文件扩展名？
@Flosculus Naw，lessphp 不需要扩展。
你需要小心使用lessphp。许多像 Bootstrap 这样的前端库都是用 lesscss 编译的，但是我自己用 lessphp 编译它时遇到了问题，其中 node/php 的浮点精度差异破坏了维度。

标签： php compiler-construction nested less

【解决方案1】：

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

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

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

但这不适用于lessphp，因为它有点落后于Less 1.4.x。你可以试试less.php。

【讨论】：