SASS嵌套无法按预期工作

Question

我正在设置一个新的Angular（version4.1.1）项目。 项目建立良好，测试执行和传递。

但是我在这个项目中使用SASS时遇到了问题：

我似乎无法嵌套任何规则。这段SASS对我的网站没有任何影响。

ul#sinup_progress {
    li.signup_progress_state {
        display: inline-block;
        margin: 0 20px;
        a {
            margin-bottom: 20px;
            border: 1px dotted #ff0000;
        }
    }
}

将其更改为非嵌套版本，如下所示：

ul#sinup_progress {


}
li.signup_progress_state {
  display: inline-block;
  margin: 0 20px;

}
a {
  margin-bottom: 20px;
  border: 1px dotted #ff0000;
}

然后它完全正常 - 显然这几乎不值得被称为SASS。有没有人知道会发生什么？