如何在动态网站中设置LESS中的变量？

Question

我在前端使用 LESS / Bootstrap，在服务器端使用 PHP 。我想使用服务器端脚本为页面上的许多不同元素生成不同的颜色（想想彩虹）。

我想要做的是在PHP中创建两个变量@startcolor和@endcolor，并使用这些变量在LESS中应用渐变。所以我想做的是这样的事情：

在HTML中：

<div style="@startcolor: rgb(1,2,3); @endcolor: rgb(4,5,6)">...</div>

很少：

.buttonBackground(@startcolor, @endcolor);

在CSS中它完美运行，我可以简单地使用样式标记覆盖任何样式。我的问题是到目前为止我发现无法使用内联样式标记在LESS中设置变量。

为了更好地了解我想要实现的目标，请查看此test page。我想要做的是将背景渐变设置为随机颜色，就像我现在设置文本颜色一样。

如果使用服务器端技术无法实现，是否可以使用JS？

Answer 1

不，LESS.js只解析stylesheet/less个资源文件，所以显然你不能内联。