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

【问题标题】：Sass Nesting for :hover does not work [duplicate]用于：hover 的 Sass 嵌套不起作用 [重复]
【发布时间】：2013-04-05 16:56:07
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

当您浏览生成的 CSS 时，您可以轻松地调试这些东西。在这种情况下，转换后的伪选择器必须附加到类。事实并非如此。使用“&”。

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

【讨论】：

【解决方案2】：

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

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

【讨论】：