Html 在Less中使用变量之后而不是之前定义变量是否合适?

Html 在Less中使用变量之后而不是之前定义变量是否合适?,html,css,compilation,less,compiler-warnings,Html,Css,Compilation,Less,Compiler Warnings,因此,问题实际上是,如果使用: .mytest { border:1px solid @black; } @black: #000; 而不是 @black: #000; .mytest { border:1px solid @black; } 我没有看到任何警告,当我这样做,它的工作很好-结果是 .mytest { border: 1px solid #000; } 对于这两种情况 是的,以这种方式使用它是绝对正确的,因为变量的数量较少,因此在使用变量之前不必声明变量。由于延迟

因此,问题实际上是,如果使用:

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

@black: #000;
.mytest {
  border:1px solid @black;
}
我没有看到任何警告,当我这样做,它的工作很好-结果是

.mytest {
  border: 1px solid #000;
}
对于这两种情况


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

根据:

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


事实上,我甚至想继续说,在最后声明变量更为有益,因为所有变量都保存在一个地方,它不会为意外覆盖预期或预期设置的一些错误声明留出空间。

是的,正如Harry所说的。我建议您创建一个文件,用于存储所有变量定义并导入它。这样,你可以有不同的主题(文件),只需替换一个文件就可以配置你的项目

请参阅链接集,了解有关“懒惰评估”的更多详细信息。以防我投了反对票。建议将所有变量存储在一个单独的文件中,这一点非常值得商榷。在现代Less中,有很多不同的方式来拥有不同的主题,甚至“替换一个文件”(这并不意味着基于文件的主题化方法是不好的,但故事超出了问题的范围,因此被否决)。没问题,这只是一种观点:)。例如,Bootstrap框架是用一个变量较少的文件分发的,对于我来说,只需替换一个文件()就可以改变项目的方面。它还允许您向您的团队图形设计师发送文件。