問題6:クラス名を省略しよう2
&記法を使ってクラス名を省略しよう
あらかじめエディタに書くコード
a{
[ここに何か一文字入れる]:hover{
opacity: 0.7;
}
}
¥SASS¥
期待する画面
a:hover {
opacity: 0.7;
}
¥CSS¥
解答ソースコード
a{
&:hover{
opacity: 0.7;
}
}
¥SASS¥
完了にする!
活動記録をTweetする
1.SASSとは
これを覚えるだけでも、記述量を減らすことができるので
非常に便利だ。