css - 重构 CSS 的工具和技术

Question

我需要更普遍地执行此操作，但当前的一个很好的例子是我的两个菜单。我有两个菜单类，horizo​​ntal-menu 和 vertical-menu，还有两组元素规则，例如 ul、li 和 a 在这些类下。许多这些规则有一些共同点，例如 a 元素的 color 值。我想将通用规则和值重构为一个名为 menu 的“父类(super class)”，并且在我的 horizo​​ntal-menu 和 vertical 中只有覆盖值-menu 类。有没有工具(除了问这个问题的工具)可以帮助我解决这个问题？

Answer 1

解决此类问题的最佳工具是 Compass ，一个定义规则的框架，然后将这些规则编译成 css 以用于生产。它允许您以与命令式语言非常相似的方式定义变量。

它还有其他有用的概念，例如 mixins，它允许定义一组经常一起使用的 css 属性，这样您就可以在多个标准 CSS 规则中包含该属性 block .强大之处在于，您随后可以在一个地方编辑该混入，更改属性并将该更改传播到使用该混入的任何 CSS 规则。

我发现了 Compass，并学会了如何使用它，感谢 a screencast通过 Chris Coyier在CSS Tricks

在这种情况下(事实上大多数情况下)唯一的问题是您真的必须从头开始使用 Compass，或者找到一种方法将其工作流程集成到您现有的工作流程中。