selectors - Sass Nesting for: hover no funciona

sass pseudo selectors

Question

Esta pregunta ya tiene una respuesta aquí:

• Sass .scss: ¿Nesting y múltiples clases? 2 respuestas

He escrito este código, pero no funciona. Cual es mi problema

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

Answer 1

Para concatenar selectores juntos al anidar, debe usar el selector principal ( & ):

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

Answer 2

Puede depurar fácilmente tales cosas cuando pasa por el CSS generado. En este caso, el pseudo-selector después de la conversión se debe adjuntar a la clase. Que no es el caso. Utilizar "&".

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

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