父选择器

在撰写本文时(2016 年 8 月),父选择器(&)始终将完整的父选择器链引用到最顶层。它不能仅用于选择直接父级或最根本祖先。

也就是说,在下面的代码中 &#type1 会解析为 #demo-container .content#type1 而不仅仅是 .content 或者只是 #demo-container

 #demo-container {
  padding: 4px;
  border: 1px solid gray;
  #heading {
    padding: 4px;
    font-size: 20px;
  }
  .content {
    padding: 2px;
    font-size: 18px;
    &#type1 {
      color: chocolate;
    }
  }
}