☰

:hover の Sass ネストが機能しない [重複] 質問する

tag-icon • tag-icon sass css-selectors
:hover の Sass ネストが機能しない [重複] 質問する

このコードを書いたのですが、動作しません。何が問題なのでしょうか?

.class {
    margin:20px;
    :hover {
        color:yellow;
    }
 }

ベストアンサー1

ネスト時にセレクターを連結するには、親セレクター ( &) を使用する必要があります。

.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}

おすすめ記事