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