使用无点的动态 css

【问题标题】：Dynamic css using dotless使用无点的动态 css
【发布时间】：2021-07-29 05:53:11
【问题描述】：

我想使用 Less 来编译我的 CSS 服务器端使用 dotless。我的问题是我想从服务器端更改来自数据库的变量，例如我有一个标题；它的颜色属性由名为@foo 的变量名更改。是否可以从服务器端更改@foo？分配存储在数据库中的值

#header {
  color: @foo;
}

如果是，那怎么办？

【问题讨论】：

【解决方案1】：

如果您直接在页面中引用您的 less 文件，您可以通过查询字符串传递参数。您可以通过这种方式将数据库值传递给 less 文件。

示例

<link rel="stylesheet" href="styles.less?foo=red" />

输出

#header {
    color: red;
}

【讨论】：