Sass Verschachtelung für :hover funktioniert nicht

Question

Ich habe diesen Code geschrieben, aber er funktioniert nicht. Was ist mein Problem?

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

Answer 1

Zum Verketten von Selektoren beim Verschachteln müssen Sie den Elternelement-Selektor (&) verwenden:

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

Answer 2

Sie können solche Dinge leicht debuggen, wenn Sie den generierten CSS-Code durchgehen. In diesem Fall muss der Pseudo-Selektor nach der Konvertierung an die Klasse angehängt werden. Was nicht der Fall ist. Verwenden Sie "&".

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

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