問題5:クラス名を省略しよう1
&記法を使って、クラス名を省略しよう!
あらかじめエディタに書くコード
.ninja{
}
¥SASS¥
期待する画面
.ninja-red {
color: red;
}
.ninja-blue {
color: blue;
}
¥CSS¥
解答ソースコード
.ninja{
&-red{ color: red; }
&-blue{ color: blue; }
}
¥SASS¥
完了にする!
活動記録をTweetする
1.SASSとは
& を使えば実現が可能。
BEMなどのCSS設計と相性が良いため
よく目にする事がある。
ただし検索する時に少し不便な時がある