CSS 从 SASS 转换而来无效

Question

我正在尝试在我的项目中使用 SASS。我写了一个 SCSS 然后将其转换为 CSS.

我创建的SCSS是，

$primaryColor: #D92231;

body {
  $primaryColor: #ccc;
  background: $primaryColor;
}

p {
  background-color: $primaryColor;
}

ui-btn {
    background-color: $primary-color;
}

通过命令将SCSS转换为CSS，

sass-convert style.css style.scss

我终于生成了 CSS。生成的 CSS 是 ,

$primaryColor: #D92231

body
  background: $primaryColor

p
  color: $primaryColor

ui-btn
  background-color: $primary-color

我将此链接到我的 html 页面，但没有效果。我哪里错了？？？

Answer 1

生成的 CSS 实际上不是 CSS，因为 sass-convert 实际上不会将 sass 转换为 css。

它将 CSS 转换为 SASS 或 SCSS 取决于你想要什么。

要将 SCSS 转换为 SASS，您需要运行以下脚本。您需要安装 SASS。

sass input.scss output.css

或者，您可以运行一个脚本让Ruby观察SCSS文件并在每次保存时更新。

像这样：

sass --watch input.scss:output.css

在此处阅读更多内容：Documentation

Answer 2

在 sassmeister.com 处尝试您的 Sass，您会发现未定义原色变量。我相信你的代码永远不会因为那个错误而被编译。参见：Sassmeister output in Github Gist

CSS 从 SASS 转换而来 无效

CSS converted from SASS not working

sass

CSS 从 SASS 转换而来无效