私のscssコードが適切にネストされていません

Question

私は苦しい時にこれを正しく動作させるために苦労しています。私が間違っていることを誰が指摘できますか？

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

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

これは機能しません。ホバーは機能しません。

これは機能しますが、scssではありません。どのようにこれを正しく入れ子にするのですか？

Answer 1

スペースは、それが私のために更新された作品を上方制御いじりされています

&:hover { 
    background-color: pink; 
}