Sass Nesting для: зависание не работает

Я написал этот код, но он не работает. В чем моя проблема?

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

Ответ 1

Чтобы объединить селектора вместе при вложенности, вам нужно использовать родительский селектор (&):

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

Ответ 2

Вы можете легко отлаживать такие вещи, когда вы проходите через сгенерированный CSS. В этом случае псевдоселектор после преобразования должен быть присоединен к классу. Это не так. Используйте "&".

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

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