dotlesscss：如何从导入器dotlesscss样式表更改变量值

Question

我想使用基本样式表，其颜色定义为无点变量。 然后，根据我使用的颜色主题，我想改变这种颜色。

- 基本样式表的示例：

body
{
  color: @brand_color;
}

- 特定样式表的示例，具体取决于我选择的配色方案：

@import "../BaseStyleSheet.less.css";

@brand_color: green;

我怎样才能做到这一点？

Answer 1

您需要将导入文件的扩展名更改为.less

如果导入结束，则只会编译导入。如果导入以其他方式结束，则会直接获取文件的内容并将其插入到文件中。

另请注意，您可能必须在导入之前放置@brand_color: green声明，以便导入的文件可以访问它。

Answer 2

导入文件的扩展名应为“.less”。

在import语句之前或之前更改变量值没有区别，它只是不会更改变量值，从而实现我想要的不可能。

“Imports无法访问主引用Less文件中的变量（或主要文件中的其他引用的Less文件）。这可以确保导入的Less文件不依赖于它们的使用位置。”

http://enginechris.wordpress.com/2009/11/23/my-thoughts-on-using-dotless-and-the-less-syntax/