Question

您好我正在尝试在项目中使用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".

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

感谢。

Answer 1

如果理解正确，您有两个.scss文件。我通常做的是有一个styles.scss，并在该文件中导入所有其他.scss样式表。我认为他们称他们是偏僻的。这样你的main style.scss将所有.scss文件一起编译成.css文件。现在我不认为你的两个文件是彼此意识到的。你的主要styles.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">或无论你去哪里。只有一个。

使用Sass时出错

1 个答案: