是否可以在使用共享mixins的情况下在带有sass / compass的单​​独css文件中使用变量？

Question

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

e.g。

<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;
}