sass - 使用与号 (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

根据 Referencing Parent Selectors: &，这是预期的行为

我不推荐使用这种技术，因为它违反直觉。