在Less中使用变量之后定义变量是否可以？

Question

所以，问题实际上是否可以使用：

.mytest {
  border:1px solid @black;
}
@black: #000;

而不是

@black: #000;
.mytest {
  border:1px solid @black;
}

当我这样做时，我没有看到任何警告，并且工作正常 - 结果是

.mytest {
  border: 1px solid #000;
}

两种情况。

Demo

Answer 1

是的，以这种方式使用它是绝对正确的，因为Less会lazy loading变量，因此在使用变量之前不必强制声明变量。由于延迟加载，Less编译器不会针对此类情况抛出任何错误或警告。

根据Less website：

  

变量是延迟加载的，在使用之前不必声明。

事实上，我甚至会说最后声明变量更有利，因为所有变量都保存在一个地方，并且没有留下任何意外覆盖预期或预期设置的杂散声明的空间。

Answer 2

是的，你可以像Harry说的那样。我建议您创建一个文件，仅用于存储所有变量定义并导入它。通过这种方式，您可以拥有不同的主题（文件）并配置您只需替换一个文件的项目