css - 使用 LESS 重用代码

Question

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

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

我的第一个想法是编写一个能够“扩展”工作表的预编译器，例如扩展视图，使用块和东西（像这样），然后编写一个小脚本来区分文件并自动扩展它，并创建一个文件只有区别，像这样：

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

#square-test {
    background: #C00;
}

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

我真的很感谢你的帮助。

编辑：

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

score 0 · Accepted Answer

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

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

这是大多数前端框架的工作方式。他们有适用于所有设置的规则，因此它们很容易调整。

1 回答 1