php - 如何从动态网站在 LESS 中设置变量？

Question

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

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

在 HTML 中:

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

在 LESS 中:

.buttonBackground(@startcolor, @endcolor);

在 CSS 中它工作得很好，我可以简单地使用 style 标签覆盖任何样式。我的问题是，到目前为止，我找不到使用内联样式标签在 LESS 中设置变量的方法。

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

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

Answer 1

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