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

Question

我是 sass 和 compas 的新手，我正在尝试优化我的代码。我想分离我的 css 文件，因此我可以将特定于页面的 css 文件仅包含在需要它们的页面中。

例如

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

我的全局 sass 文件包含几个用于字体、按钮等的部分。每个包含的部分都包含我想在我的单个页面 scss 文件中扩展的 mixins 和变量，同时保持生成的页面特定 css 文件分开。

这可能吗？

Answer 1

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

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

$blue = #00FFFF;

您需要在另一个文件中使用它，您需要导入该文件：

@import 'general';

a {
  color: $blue;
}