SASSを使ってCSSを書いているのですが、子要素から親要素を指定できることを知ったのでメモ。

通常、親から子へ結合するのは＆を使って

.classname{
    &-name1{
        color:#FFFFFF;
    }
}

の用にすることは知っていました。

こうすると

.classname-name1{
    color:#FFFFFF;
}

このように出力されます。

親要素を指定する場合は

.classname{
  &-name1{
　　　color:#FFFFFF;
  }
　a &{
　　　color:#000000;
  }
}

こうすると

.classname-name1 {
  color: #FFFFFF;
}

a .classname {
  color: #000000;
}