SCSS "＆"とその参照先

Question

親参照元セレクタ「&」については誰でもこの質問に答えることができます。

この場合、「&」とは何ですか？

 

    //Case 1 

    .parent { 
     & > ul { 
     color: red 
     } 
    } 
    //Case 2 

    .parent { 
     & > ul { 
     & > li { 
      color: blue; 
     } 
     } 
    } 
    //Case 3 

    .parent { 
     & > ul { 
     & > li { 
      color: blue; 
      &:hover { 
      color: pink 
      } 
     } 
     } 
    } 

Answer 1

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

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

は

.parent > ul { 
    color: red 
} 

一般的な使用のように同じですケースは擬似クラスです。例：

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

例の良い説明はここにあります：https://css-tricks.com/the-sass-ampersand/