我在更少的文件中使用变量，像这样：
@base-color: #8156A3;
@base-color-darker: (@base-color - #111);
#searchForm{
border: 1px solid @base-color-darker;
}
当我将less文件编译为css文件时，变量可以正常工作，但是当我将less文件用作页面样式表时，变量不会影响元素。
这就是我链接less.js和less样式表的方式：
<script src="assets/js/less.min.js"></script>
<link rel="stylesheet" href="assets/less/main.less" />
有什么问题吗？
最佳答案
从Client-side usage：
将.less样式表链接到rel设置为“ stylesheet / less”：
<link rel="stylesheet/less" type="text/css" href="styles.less" />
但是您的代码是：
<link rel="stylesheet" href="assets/less/main.less" />
^^^^^^^^^^
和：
确保在脚本之前包含样式表。
...但是相反，您可以：
<script src="assets/js/less.min.js"></script>
<link rel="stylesheet" href="assets/less/main.less" />
总结一下：不要猜:)
关于css - 为什么less.js不能计算颜色变量，但是在将less文件编译为CSS时会计算出来？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18122866/