父选择器

使用引用父选择器 &，运算符表示嵌套规则的父选择器，最常用于将修改类或伪类应用于现有选择器时。

    a {
      background: green;
      // 如果没有&,将生成一个：hover规则（与<a>标记内的悬停元素匹配的子代选择器）
      &:hover {
        background: red;
      }
    }

父选择器操作符有多种用途，基本上，在任何时候，我们都需要以默认值以外的其他方式组合嵌套规则的选择器。例如，&的另一个典型用法是生成重复的类名。

Multiple &

& 可能在选择器中出现多次，这表示我们可以重复引用父选择器而不用重复其名称，& 表示所有父选择器（而不仅仅是最近的祖先）。

    .multiple  {
      & + & {
        background: green;
      }
      & & {
        background: red;
      }
      && {
        background: blue;
      }
      &, &ish {
        background: yellow;
      }
    }
    
    // 输出
    .multiple + .multiple {
      background: green;
    }
    .multiple .multiple {
      background: red;
    }
    .multiple.multiple {
      backgro