Вложенность Sass для: hover не работает [дубликат]

этот вопрос уже есть ответ здесь:

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

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

2 ответов


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

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

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

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

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