Sass Nesting for：悬停不起作用

Question

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

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

Answer 1

要在嵌套时将选择器连接在一起，您需要使用父选择器（&）：

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

Answer 2

您可以在完成生成的CSS时轻松调试此类内容。在这种情况下，转换后的伪选择器必须附加到类。事实并非如此。使用“＆amp;”。

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

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