目标直接父与& (SCSS)

Question

我正在经历我认为在scss中奇怪的行为。

我有一个嵌套2层深的类，我试图用一个&号来瞄准直接的父级，但它是，相反，瞄准父级的父级。

.one {
      .two{
        .three & {
          background:red;
          //should be .one .three .two right?
          //instead targets .three .one .two
        }
      }
    }

下面是codepen上的一个示例http://codepen.io/gpspake/pen/KpeEXp

Answer 1

这是一个预期的行为，根据引用父选择器:&

我不建议使用这种技术，因为它是反直觉的。