Css 在运行时更改SASS或更少的变量值

Css 在运行时更改SASS或更少的变量值,css,asp.net-mvc,sass,less,Css,Asp.net Mvc,Sass,Less,实际上,我正在尝试使用ASP MVC制作一个web应用程序,以支持一些动态颜色设置。例如,管理员可以为特定用户组设置主题颜色。当管理员保存新的颜色代码时,这些新的颜色代码需要保存在CSS中。因此,用户登录时,他们将看到基于组的不同颜色 为此,我考虑使用SASS或更少。如果我可以在SASS中轻松地设置变量,或者在Save操作中将变量设置为新的颜色代码,这会更容易 所以我的问题是 如何从SASS或LESS文件中检索变量并为变量设置新值?这里有图书馆吗?我已检查BundleTransformer和do

实际上,我正在尝试使用ASP MVC制作一个web应用程序,以支持一些动态颜色设置。例如,管理员可以为特定用户组设置主题颜色。当管理员保存新的颜色代码时,这些新的颜色代码需要保存在CSS中。因此,用户登录时,他们将看到基于组的不同颜色

为此,我考虑使用SASS或更少。如果我可以在SASS中轻松地设置变量,或者在Save操作中将变量设置为新的颜色代码,这会更容易

所以我的问题是

如何从SASS或LESS文件中检索变量并为变量设置新值?这里有图书馆吗?我已检查BundleTransformer和dotless。但我仍然不知道这些库是否支持处理变量

如果我可以在SASS或更少版本中更新变量,它会在任何更改上编译吗? 对于客户端缓存的CSS,我能做些什么

如果你们能给我任何更好或其他的方法,我会非常感激


谢谢,

如果您只针对使用现代浏览器的用户,CSS提供了实验性的变量支持,请参见数据。以下是来自MDN的示例:

:root {
  --main-bg-color: pink;
}

body {
  background-color: var(--main-bg-color);
}
如果采用这种方法,只需将颜色变量插入简单的样式表中,CSS即可完成其余工作:

<style>
:root {
  --group-colour: {{ groupColour }}
}
</style>
<link rel="stylesheet" href="/path/to/stylesheet/with/variables.css">

有关CSS变量的更多信息,请参阅MDN

谢谢!我不知道css支持变量。