問題

5
Sass

クラス名を省略しよう1

Sassの問題に挑戦しよう!

問題

クラス名を省略しよう1

&記法を使って、クラス名を省略しよう!

あらかじめエディタに書くコード

                    .ninja{

}
¥SASS¥
                

期待する画面

                                .ninja-red {
  color: red;
}
.ninja-blue {
  color: blue;
}
¥CSS¥
                            

解答と解説(クラス名を省略しよう1)

解説

LINE登録して解答を見る

※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます

sassにはクラス名を省略する方法がある。
& を使えば実現が可能。

BEMなどのCSS設計と相性が良いため
よく目にする事がある。

ただし検索する時に少し不便な時がある

さらにスキルアップしたい方は公式LINEから「Sass」と送信すると動画が見れます。

LINE登録して動画を視聴する
学習の事・キャリアの事、何でもOK!無料相談に申し込む