减少css：获取javascript或jquery中函数的值

我有一个包含这些输入的表格：

另请参见：

例如：

$（'#colorform'）。提交（函数（e）
{
less.render（'s{color:lighting（'+$（'#gray base'）.val（）+'，13.5%）；}）
.then（函数（输出）{
var regExp=/（#（[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3}））；
var matches=regExp.exec（output.css）；
var lightcolor=匹配[0]；
$（'灰色较深'）.val（浅色）；
$（'body'）.css（'background-color'，lightcolor）；
});
e、 预防默认值（）；
});         

除了使用jquery.css动态设置外，您为什么希望它位于.less中？只是为了避免内联样式？我正在开发一个工具，允许修改更少的文件。。。我有一个较小的值，我需要显示这个较小函数的结果。你必须从这个函数中创建一个有效的较小代码，然后将这个代码传递给编译器，然后用类似的方法检索变量的计算值。相当复杂（不包括浏览器版本的编译器目前不支持插件，所以你需要更多的黑客），所以我宁愿放弃这个功能和/或重新考虑我们的应用程序架构。。。（基本上Less不适用于此类基于浏览器的动态值操作/用例……它主要是一个静态Less-to-CSS编译器）。或者，您可以通过将变量赋值给某个属性（例如

content

）来检索变量的值一个辅助CSS类的属性，然后像往常一样通过脚本读取属性。我还有一个带有字体大小值、行高等的var。。。我找到了一个解决方案：我用伪元素（：：after）编写css规则，并将less变量的值添加为内容