Sass Nesting for：ホバーが機能しません

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;
    }
}