php - 如何从动态网站中设置 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 中它工作得很好，我可以简单地使用 style 标签覆盖任何样式。我的问题是，到目前为止，我找不到使用内联样式标签在 LESS 中设置变量的方法。

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

如果无法使用服务器端技术，可以使用 JS 吗？

Answer 1

不，LESS.js 仅解析 stylesheet/less 资源文件，因此显然您无法内联执行此操作。