SCSSのネストは子供を探しています

Question

私はSCSSに問題があります。これはたぶん未経験者に過ぎません。 、

img.postimage { 
    height: 150px; 

    .expand { 
    transition: all .2s ease-in-out; 
    &:hover { 
     transform: scale(1.1); 
    } 
    } 
} 

迷惑な事がある：私は私のstylesheet.scssファイルが特定のクラスを使用して任意の画像のスタイルを与えるようにしよう、その後、SCSS

以下のような他のクラスに基づいて、より多くのスタイルを持っていますこれは以下のようにCSSをコンパイルしません：

img.postimage { 
    height: 150px; 
} 

img.postimage.expand { 
    transition: all .2s ease-in-out; 
} 

img.postimage.expand:hover { 
    transform: scale(1.1); 
} 

それは実際にこのようにそれを生成します。

img.postimage { 
    height: 150px; 
} 

image.postimage .expand { /* note the space, it's actually looking for a .expand child */ 
    transition: all .2s ease-in-out; 
} 

image.postimage .expand:hover { 
    transform: scale(1.1); 
} 

私はSCSSですばらしいわけではないので、何が間違っているのか分かりません。

Answer 1

これを修正するためにアンパサンドを使用できます。

image { 
    &.someclass { 
     margin:10px; 
    } 
} 

は素晴らしい

image.someclass { 
    margin: 10px; 
}