类选择器和 SASS 中的'&'一起

Question

我们都知道这在sass中有效：

body
  margin: 0
  &.active
    margin: auto

但是当我尝试执行以下操作时，父级只是一个类选择器，它停止工作，编译器跳过"&"块，知道为什么吗？

.loggedIn
  margin: 0
  &.active
    margin: auto

Answer 1

好的，事实证明，这是由 &.login 行上方的注释行引起的，该行没有缩进作为其余部分，现在我知道我必须按照缩进作为其余内容进行注释。

这不起作用：

/* Container */
.container
    position: relative
    z-index: 1
/* > Login */
    &.login
        width: 320px
        left: 0
        right: 0
        top: 100px
        background: white
        border: 1px solid #E0E0E0
        box-shadow: 0 6px 12px rgba(0,0,0,.175)
        opacity: 0.90

这行得通

/* Container */
.container
    position: relative
    z-index: 1
    /* > Login */
    &.login
        width: 320px
        left: 0
        right: 0
        top: 100px
        background: white
        border: 1px solid #E0E0E0
        box-shadow: 0 6px 12px rgba(0,0,0,.175)
        opacity: 0.90