如何在CSS文件中保留较少的变量？

我创建了一个较少的文件，并为颜色定义添加了一些变量：

@white:     #fff;
@black:     #000;

生成CSS文件时，我丢失了所有变量，现在我不能使用less.modifyVars，因为CSS文件没有更少的变量

---

自动保存CSS时，如何保留较少的变量？

对CSS的分析较少。因此，无论您在LESS中使用变量，变量都会被它们的值替换。您的“自动保存”功能应该始终将LESS解析为CSS，并且它是您在项目中包含的CSS文件

---

完整地说（根据我的评论）：“less.modifyVars是一个助手方法，在生成CSS之前，您可以使用它动态地更改一些变量。”

less解析为CSS。因此，无论您在LESS中使用变量，变量都会被它们的值替换。您的“自动保存”功能应该始终将LESS解析为CSS，并且它是您在项目中包含的CSS文件

---

完整地说（根据我的评论）：“less.modifyVars是一种辅助方法，您可以使用它在生成CSS之前动态地更改一些变量。”

我认为您误解了如何使用

modifyVars

。这是我发现的一个例子：

<link rel="stylesheet/less" type="text/css" href="theme-1488.less">
<script src="less-1.4.2.js" type="text/javascript"></script>
<script>
        less.modifyVars({'@SCREEN_BODY_WIDTH' : '50px'});
</script>

减去.modifyVars（{'@SCREEN\u BODY\u WIDTH'：'50px'}）；

---

请注意，页面上包含的是.less文件，而不是.css文件。

我认为您误解了如何使用

modifyVars

。这是我发现的一个例子：

<link rel="stylesheet/less" type="text/css" href="theme-1488.less">
<script src="less-1.4.2.js" type="text/javascript"></script>
<script>
        less.modifyVars({'@SCREEN_BODY_WIDTH' : '50px'});
</script>

减去.modifyVars（{'@SCREEN\u BODY\u WIDTH'：'50px'}）；

---

请注意，页面上包含的是.less文件，而不是.css文件。

css无法“理解”这一点。你可以保留较少的文件，但生成的CSS将不包含变量。CSSCSS中没有“变量”不“理解”的东西。你可以保留较少的文件，但生成的CSS不会包含变量。CSSi中没有“变量”这类东西，你知道。。。但是有没有可能避免这种情况，并将变量保留在生成的css中。。tnx@MarkoS如果有，你会怎么处理它们？更改它们不会更改生成的CSS。@MarkoS当然不会。正如您所说，CSS不包含变量。这仅仅是因为它不理解它们。我想使用less.modifyVars（因为只识别较少的变量），然后用jquery事件等更改一些颜色。less.modifyVars是一种助手方法，您可以在生成CSS之前动态更改一些变量。我知道。。。但是有没有可能避免这种情况，并将变量保留在生成的css中。。tnx@MarkoS如果有，你会怎么处理它们？更改它们不会更改生成的CSS。@MarkoS当然不会。正如您所说，CSS不包含变量。这仅仅是因为它不理解它们。我想使用less.modifyVars（因为只识别较少的变量），然后使用jquery事件等更改一些颜色。less.modifyVars是一种辅助方法，您可以使用它在生成CSS之前动态更改一些变量。是的，只能使用

.modifyVars

如果编译客户端（如本例所示）而不是服务器端，则为“动态”。当然，出于性能目的，通常强烈建议不要这样做，但这是可能的。是的，

.modifyVars

只能在编译客户端（如本例所示）时“动态”使用当然，出于性能考虑，通常强烈建议不要这样做，但这是可能的。