使用dotless的动态css

Question

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

#header {
  color: @foo;
}

如果是，那是怎么做的？

Answer 1

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

示例

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

输出

#header {
    color: red;
}