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

Question

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

- 基本样式表示例：

body
{
  color: @brand_color;
}

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

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

@brand_color: green;

我怎样才能做到这一点？

score 0 · Accepted Answer

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

如果它们以 .less 结尾，Less 仅编译导入，如果它们以其他内容结尾，它会按字面意思获取文件的内容并将其插入到您的文件中。

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

score 0 · Accepted Answer

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

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

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

2 回答 2