Sass 我的scss代码没有正确嵌套

在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;
}

---

这是可行的，但那不是SCS。我如何正确嵌套它？

空间把它弄得一团糟-更新对我来说很有用：

&:hover {
    background-color: pink;
}

---

这就是我第一次尝试的：。标签信息{背景色：红色；边框半径：1rem；&：悬停{背景色：粉色；}}}只有它不起作用。我弄错颜色了。你真的把你的SCS编译成css，然后把编译好的css加载到你的html页面吗？