「＆」とは何ですか？ '＆.sub-title'はscssを示していますか？

Question

私はCSSとSCSSの初心者です。次のコードで

、

&を何

.title { 
    width: 718px; 
    &.sub-title { 
     width: 938px; 
    } 
} 

。を意味しますか？ネスティングクラスと同じですか？

Answer 1

&は、.title.sub-title（&が省略されている場合は.title .sub-titleではなく）の結果として、親クラスを連結します。

結果は&で、それが両方titleとsub-titleクラスで要素と一致していることである：

<div class='title sub-title'></div> <!-- << match --> 

&ことなく、クラスtitleと要素のクラスsub-title有する子孫に一致しながら：

<div class='title'> 
    ... 
    <div class='sub-title'></div> <!-- << match --> 
    ... 
</div>