SCSS「＆」とそれが指すもの

Question

誰がセレクター「＆」を参照する親に関するこの質問に答えることができますか。

この場合の「＆」とは何ですか。

 
 //ケース1 
 
 .parent {
＆> ul {
 color：red 
} 
} 
 //ケース2 
 
 .parent {
＆> ul {
＆> li {
色：青; 
} 
} 
} 
 //ケース3 
 
 .parent {
 ＆> ul {
＆> li {
色：青; 
＆：hover {
色：ピンク
} 
 } 
} 
} 
 

Answer 1

答えは簡単に見つかりますが、とにかく：＆は親セレクターのプレースホルダーです：

.parent {
  & > ul {
    color: red
  }
}

同じような

.parent > ul {
  color: red
}

一般的な使用例は、擬似クラスです。例：

.link {
  &:hover {
    color: red
  }
}

CSS Tricks に、例のある素敵な説明があります。