Вложенность 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;
}
}