我的 scss 代码没有正确嵌套答案

【问题标题】：my scss code is not properly nested我的 scss 代码没有正确嵌套
【发布时间】：2017-10-12 04:20:19
【问题描述】：

我很难让它在 sass 中正常工作。谁能指出我做错了什么？

.label-info {
    background-color: red;
    border-radius: 1rem;

    & :hover {
        background-color: pink;
    }
}

这不起作用，悬停不起作用。

.label-info {
    background-color: red;
    border-radius: 1rem;
}
.label-info:hover {
    background-color: pink;
}

这可行，但那不是 scss。如何正确嵌套？

【问题讨论】：

标签： sass

【解决方案1】：

这个空间搞砸了——更新对我有用：

&:hover {
    background-color: pink;
}

【讨论】：

这就是我首先尝试的： .label-info { background-color: red;边界半径：1rem； &:hover { 背景颜色：粉红色; } } 只有它不起作用。我弄错了颜色。