sass - :hover の Sass ネスティングが機能しない

Question

このコードを書きましたが、動作しません。私の問題は何ですか？

.class {
    margin:20px;
    :hover {
        color:yellow;
    }
 }

Answer 1

&ネスト時にセレクターを連結するには、親セレクター ( )を使用する必要があります。

.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}

Answer 2

生成された CSS を調べると、そのようなことを簡単にデバッグできます。この場合、変換後の疑似セレクターをクラスにアタッチする必要があります。そうではありません。使用する "＆"。

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#parent-selector

.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}