Sass Nesting pour: le survol ne fonctionne pas

Question

J'ai écrit ce code, mais ça ne marche pas. Quel est mon problème?

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

Answer 1

Pour concaténer des sélecteurs lors de l’imbrication, vous devez utiliser le sélecteur parent (&):

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

Answer 2

Vous pouvez facilement déboguer de telles choses lorsque vous passez par le CSS généré. Dans ce cas, le pseudo-sélecteur après la conversion doit être associé à la classe. Ce qui n'est pas le cas. Utilisation "&".

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

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