Sass嵌套:hover不工作

我写了这段代码,但它不起作用。我有什么问题?

.class {
margin:20px;
:hover {
color:yellow;
}
}
393088 次浏览

要在嵌套时将选择器连接在一起,你需要使用父选择器(&):

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

在查看生成的CSS时,可以很容易地调试这些东西。在这种情况下,转换后的伪选择器必须附加到类。事实并非如此。使用“,”。

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

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