プログラミングの学習ならUdemyがおすすめです!詳細はこちら

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は慣れてくると便利で管理もしやすくなります

それではまた。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です