:hover does not work 的 Sass 嵌套

Question

这个问题已经有答案了:

Sass .scss: Nesting and multiple classes? (6 个回答)

已关闭 8 年前。

我已经编写了这段代码，但它不起作用。我的问题是什么？

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

Answer 1

为了在嵌套时将选择器连接在一起，您需要使用父选择器(&):

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