Sass Nesting para: hover no funciona [duplicado]

Resuelto Beach Boys asked hace 11 años • 2 respuestas

He escrito este código, pero no funciona. ¿Cuál es mi problema?

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

Apr 13 '13 09:04 Beach Boys

Aceptado

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

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

Apr 13 '2013 02:04 Sinac

Puede depurar fácilmente este tipo de cosas cuando revisa el CSS generado. En este caso, el pseudoselector después de la conversión debe adjuntarse a la clase. Que no es el caso. Usar "&".

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

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

Apr 13 '2013 02:04 Enrico Stahn