Question

所以，我在这个项目中。我们有一个运行的应用程序，对于我们拥有的所有客户端都是相同的。唯一改变的是一点点（纯粹的）CSS。最大的问题是，对于每个页面，我们都有一个CSS样式表，对于每个客户端，我们都有相同的表单，并进行了特定的更改。

我正在考虑减少冗余代码的方法，并开始同时使用CSS预编译器，以简化我们的开发过程，如LESS。但我们有一些基本规则，即：

我的第一个想法是编写一个预编译器，使用块和内容（like this）启用“扩展”表格，如扩展视图，然后编写一个差异文件并自动扩展它的小脚本，并创建一个只有差异的文件，如下所示：

/** @extends: site/Home/Test */

#square-test {
    background: #C00;
}

但它似乎很复杂，而且有点混乱。有没有人遇到过同样的情况？你们是怎么处理它的？有没有人有其他想法？

我非常感谢你的帮助。

编辑：

我正在使用常规LAMP，PHP 5.3.newer。

Answer 1

您可以使用sass轻松扩展或导入样式表，然后您可以创建一个设置sass文档，其中包含颜色，按钮样式或您需要的任何变体等变量。

@import "settings"; //site specific settings
@import "allsites"; //styles for all sites
//any site specific rules here

这是大多数前端框架的工作方式。它们的规则适用于所有设置，因此可以轻松调整。