0

您好，我正在尝试在项目中使用 SASS，但遇到了问题，我想知道是否有人可以提供帮助？

我创建了两个样式表。一种称为defaults.scss，一种称为styles.scss。在 defaults.scss 我声明了以下内容：

$mainColor: #848484;

然后我尝试使用以下命令在我的 styles.scss 中调用 $mainColor：

nav ul { 
 list-style: none outside none;
 margin: 0; font-size: 1.2em;
 color: $mainColor; 
 padding: 50px 0 0 0; 
 font-weight: bold; 
 text-align: center;
}

但我收到以下错误消息：Syntax error: Undefined variable: "$mainColor".

谁能看到我做错了什么？我有指南针在运行。

谢谢。

4

1 回答 1

1

如果理解正确，您有两个 .scss 文件。我通常做的是有一个 styles.scss 并在该文件中导入所有其他 .scss 样式表。我认为他们称它们为局部或其他东西。这样您的主要 style.scss 会将所有 .scss 文件一起编译到 .css 文件中。现在我不认为你的两个文件是相互了解的。您的主要样式.scss 应该看起来像这样：

@import "reset.scss";
@import "global.scss";
@import "structure.scss";
@import "colors.scss";
@import "etc.scss";

确保它们符合您的预期级联顺序 - 因为这就是它们将被混合在一起的方式。在您的情况下，先默认，然后再主。

当您也开始添加媒体查询时会变得很棘手 - 但我认为这应该可以解决您的问题。

在您的 html 中，您只需要调用整个操作输出的 .css 文件。

<link rel="stylesheet" href="css/style.css">或者无论你要去哪里。只有一个。

于 2013-02-16T18:35:45.270 回答