:hover的Sass嵌套不起作用[重复]

我已经编写了这段代码,但是它不起作用。我怎么了

.class {
    margin:20px;
    :hover {
        color:yellow;
    }
 }
泡芙西里2020/03/17 17:07:04

当您浏览生成的CSS时,您可以轻松调试此类内容。在这种情况下,转换后的伪选择器必须附加到该类上。事实并非如此。采用 ”&”。

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

.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}
蛋蛋Pro樱2020/03/17 17:07:04

为了在嵌套时将选择器并置在一起,您需要使用父选择器(&):

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