SCSS,hoverの書き方

今回はSCSSのhoverの書き方についてご紹介します。

SCSS,hoverの書き方

SCSSのhoverの書き方は簡単です。

こちらになります。

cssの場合
a{
background: #000;
}

a:hover{
opacity: 0.5;
}

SCSSの場合
a{
background: #000
&:hover{
opacity: 0.5;
}
}

簡単ですね。入れ子にして＆:hoverと書いてあげるだけです。

まとめ

SCSSは慣れてくると便利で管理もしやすくなります

それではまた。