我的scss代码没有正确嵌套

Question

我很难让它在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。我该如何正确嵌套？

Answer 1

这个空间搞砸了 - 为我更新的作品：

&:hover {
    background-color: pink;
}