問題
9
Sass
ネスト記法
Sassの問題に挑戦しよう！
問題
「ネスト記法」
.cardの中のpをネストで書いてください。
解答と解説（ネスト記法）
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
Sassのネスト記法を使うと、HTML構造に沿った形でセレクタを記述できます。関連するスタイルをまとめて書けるため、可読性が向上します。ただしネストを深くしすぎると生成されるCSSの詳細度が高くなり、保守が難しくなるため注意が必要です。
補足
ネストは2〜3階層程度に抑えるのが一般的です。深くなりすぎないよう注意しましょう。
