关于CSS:使用LiveReload for OSX编译Sass时获得不同的结果

 2021-04-09 

getting different results when compiling Sass with LiveReload for OSX

我不确定发生了什么。我是Sass的新手,所以我遵循了这份入门指南:https://scotch.io/tutorials/getting-started-with-sass

为了练习(并希望将其用作开发工具),我将LiveReload设置为编译.scss文件。但是在测试可变范围时,我得到了意外的结果。

在style.scss中,我有以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
$primaryColor: #eeccff;

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

p {
  color: $primaryColor;
}

// When compiled, our paragraph selector's color is #eeccff

因此p应该会变色:#eeccff。但这就是我得到的:

1
2
3
4
5
body {
  background: #cccccc; }

p {
  color: #cccccc; }

我在sassmeister.com上测试了相同的代码,并且按预期工作,就像教程中所说的那样:

1
2
3
4
5
6
7
body {
  background: #ccc;
}

p {
  color: #eeccff;
}

同样,我正在使用Mac的LiveReload。这些是编译选项:
enter

有人知道为什么会这样吗?

谢谢!

编辑:

我在一个人在不同情况下遇到非常相似的问题时发现了这个问题:Visual Studio Sass的Web Essential编译错误

显然,这与您使用的Sass版本有关。但是,如何更改LiveReload?您如何更改呢?


好吧,我刚刚从Sass编译器更改了。我不得不停止使用LiveReload并使用Koala进行编译才能获得预期的结果。无法更改LiveReload Sass gem。