'＆'をスペースで使用して子セレクタをネストするためのSCSS構文？

Question

次のセレクタは、どちらもSCSSと同じ出力になります。使用されている共通の標準があり、どちらか一方が優先されることを意味しますか？

これは人の好みに基づいている場合、私は知らない、または良い練習はあなたが複数の持っている&記号を使用することで、他の

// Example 1 
div { 
    & li:hover a { 
     background-color: yellow; 
    } 
} 
// Example 2 
div { 
    li:hover a { 
     background-color: yellow; 
    } 
} 

// Output 
div li:hover a { 
    background-color: yellow; 
} 

Answer 1

の上に1を使用するには、本物の実用的な理由がある場合elements上classesまたはあなたが使用するtitle-thin、title-bold、title-regular、同じようsyntax以下、カスタムclassesを持つ要素を持っている：

.title{ 
    &-thin{ 
    ... 
    } 
    &-bold{ 
    ... 
    } 
    &-regular{ 
    ... 
    } 
} 

子要素については、&演算子を使用しないでください。プロジェクトに加わることができるいくつかの開発者からの誤解があるかもしれません。

技術的には、&をスペースを使って使用して、子要素をスタイルすることはできますが、アーキテクチャは良くありません。