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

【问题标题】：Class selector and '&' together in SASSSASS中的类选择器和'&'一起
【发布时间】：2015-05-17 01:32:24
【问题描述】：

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

body
  margin: 0

  &.active
    margin: auto

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

.loggedIn
  margin: 0

  &.active
    margin: auto

【问题讨论】：

无法复制。如果你没有使用官方的 Sass Ruby 编译器，适当的做法是向维护你正在使用的编译器的人提交错误报告。
这根本不是真的。你可以很容易地向自己证明这一点：sassmeister.com gist.github.com/meagar/85ada080b9662370347b
@meagar 在我看来无法重现，它会在 Sassmeister 中生成预期的结果。
@cimmanon 我没有回复你。我的链接都支持这是不可复制的事实。

标签： css sass composer-php

【解决方案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

【讨论】：

请停止使用实时代码编辑器添加 sass 代码。它适用于 html、CSS 和 javascript。