我的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; 
}