html - 在 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 :

Variables are lazy loaded and do not have to be declared before being used.

事实上，我什至会继续说，在最后声明变量更有利，因为所有变量都维护在一个位置，并且它不会为某些杂散声明意外地覆盖预期或预期的设置留下空间。