Sass de Nidification pour de :hover ne fonctionne pas

Question

J'ai écrit ce code, mais il ne fonctionne pas. Quel est mon problème?

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

Answer 1

Vous avez oublié l' & signe:

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

Answer 2

Vous pouvez résoudre facilement ces choses quand vous passez par le CSS généré. Dans ce cas, le pseudo-sélecteur après la conversion doit être jointe à la classe. Ce qui n'est pas le cas. Utiliser "&".

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#referencing_parent_selectors_

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