L'imbrication Sass pour: hover ne fonctionne pas [dupliquer]

cette question a déjà une réponse ici:

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

.class {
    margin:20px;
    :hover {
        color:yellow;
    }
 }
260
demandé sur cimmanon 2013-04-13 06:42:34

2 réponses

pour concaténer les sélecteurs ensemble lors de la nidification, vous devez utiliser le sélecteur parent ( & ): 

.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}
584
répondu Sinac 2016-03-21 21:31:13

vous pouvez facilement déboguer de telles choses quand vous passez par le CSS généré. Dans ce cas, le pseudo-sélecteur après conversion doit être attaché à 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;
    }
}
34
répondu Enrico Stahn 2013-04-13 02:48:19