css - 是否可以在使用共享 mixins 的同时使用 sass/compass 在单独的 css 文件中使用变量？

Question

我是 sass 和 compas 的新手，我正在尝试优化我的代码。我想分离我的 css 文件，这样我就可以让页面特定的 css 文件只包含在需要它们的页面中。

例如

<link rel="stylesheet" href="stylesheets/global.css" />
<link rel="stylesheet" href="stylesheets/thispage.css" />

我的全局 sass 文件包含字体、按钮等的几个部分。每个包含的部分都包含混合和变量，我想从我的个人页面 scss 文件中扩展它们，同时保持生成的页面特定 css 文件分开。

这可能吗？

Answer 1

您不能在 .css 文件中包含变量。您可以在 .scss 或 .sass 文件中执行此操作。并且您必须将包含变量的文件@import 到您要使用它们的文件中。

例如，在您的 general.scss 中，您有:

$blue = #00FFFF;

如果你需要在另一个文件中使用它，你需要导入那个文件:

@import 'general';

a {
  color: $blue;
}