問題
5
Sass
クラス名を省略しよう1
Sassの問題に挑戦しよう!
問題
「クラス名を省略しよう1」
&記法を使って、クラス名を省略しよう!
あらかじめエディタに書くコード
.ninja{
}
¥SASS¥
期待する画面
.ninja-red {
color: red;
}
.ninja-blue {
color: blue;
}
¥CSS¥
解答と解説(クラス名を省略しよう1)
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
sassにはクラス名を省略する方法がある。
& を使えば実現が可能。
BEMなどのCSS設計と相性が良いため
よく目にする事がある。
ただし検索する時に少し不便な時がある