SASS 中未定义的变量，即使该变量已在上面定义答案

【问题标题】：Undefined variable in SASS, even though the variable is defined aboveSASS 中未定义的变量，即使该变量已在上面定义
【发布时间】：2015-01-21 11:30:45
【问题描述】：

我在我的 Mac 上通过 Ruby 安装了 SASS，目前让它监听文件 styles.sass 中的更改，并将这些更改预编译到文件 styles.css 中。在我用变量 $pageGreen 替换了我用于网站大部分背景的颜色（#194719）之前，整个代码都是无错误的预编译。我在 SASS 文件的顶部定义了 $pageGreen —

    /* VARIABLES */

        $pageGreen: #194719

——然后用变量替换了我使用颜色的所有实例。这是我使用此变量的示例（第 39 到 45 行）：

    .strip 
        height: 180px
        box-shadow: inset 0px 0px 15px rgba(0,0,0,0.5)
        background-color: $pageGreen
        color: white
        position: relative
        min-width: 995px

保存时出现错误。

    >>> Change detected to: styles.sass
          error styles.sass (Line 42: Undefined variable: "$pageGreen”.)

我做错了什么？如有必要，我很乐意发布我的整个代码。

【问题讨论】：

标签： css ruby sass

【解决方案1】：

看起来您在 sass 文件中使用了indented syntax。看起来你的变量声明也很缩进。

我怀疑这个缩进使变量有作用域，这意味着它在作用域之外不可用。

尝试取消缩进变量声明：

/* VARIABLES */
$pageGreen: #194719 /* <-- not indented at all */


.strip 
    height: 180px
    box-shadow: inset 0px 0px 15px rgba(0,0,0,0.5)
    background-color: $pageGreen
    color: white
    position: relative
    min-width: 995px

【讨论】：

解决了！感谢您的帮助。