我最近开始使用 Compass/Sass 进行 CSS 编码，效果很好。我现在正在考虑尝试不同的框架(Skeleton、Foundation、Bootstrap 等)。 我的问题是对于那些有使用 Compass 经验的人，当您安装新框架时，它包含它自己的 css 文件和现成的类。当您使用 Compass 时，它具有您用来修改类和变量的 scss 文件。让我感到困惑的是，我需要转到 css 文件来修改任何默认类，然后返回到 scss 文件才能执行 mixins、变量等，这看起来确实多余且耗时.
我是否应该剪切 css 文件中的所有内容并将其粘贴到 scss 文件中以使其更容易？或者，如果我想使用 Bootstrap 和 Compass 等框架，我应该采取不同的方法吗？
顺便说一句，我还有 compass.app，它允许我对 Foundation 和 Bootstrap 进行一键安装。我刚刚发现了另一个名为 Susy 的框架，它看起来也很酷。
谢谢!
最佳答案
如果您更改扩展名，任何 CSS 文件都是有效的 scss，因此我不会太关注这些文件之间的差异。您可以轻松地将 Compass 与任何框架一起使用，并且许多框架已移植到 Compass 以实现更好的集成。
另一方面，我认为 Compass 改变了框架可以/应该是什么的想法。 CSS 框架很难维护和使用，因为 CSS 构建时并未考虑到框架抽象。结果是臃肿的、非语义的 API，它们试图做所有事情，但一路走捷径。你可以做得更好。
Compass 的构建是为了促进更小、更集中的“插件”的共享。 Susy 就是其中之一，还有更多。您会注意到 Susy 与 Foundation 或 Bootstrap 不同:它只处理网格，而且它的处理方式是没有 Sass 就不可能实现的。这使得 API 的可能性有很大的不同。许多其他插件也是如此。
我使用自己的 Compass 插件组合来构建适合我的需求的框架。我建议您也这样做。不要编写自己的所有代码，但一定要找到您最喜欢的插件来推出您自己的框架。我的看起来像这样:
始终:
- compass
- 苏西
- 模块化秤
- 断点
根据需要:
- compass -rgbapng
- 动画
- solarized(不是插件，但易于复制/粘贴)
- 时髦的按钮
- 还有很多很多...
您可以获得快速开发的所有好处，但更多的控制和更好的长期代码。
关于css - 将 Compass/Sass 与另一个 CSS 框架结合使用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12309773/