【Sass(scss)】ネストの有用性を教えてください。

ネストを使うメリットが思い浮かびません。
どなたかご教授お願いします。

No.1 回答者： lv4u 回答日時： 2019/05/04 12:13

よく利用する画面レイアウトが５種類くらいあるけど、５種類あっても、共通のレイアウト部分が多いということがあります。

この場合、共通部分をくくりだして、それを５種類で使うようにすれば、コーディング量がぐっと減ります。
さらに、「ここんところを５種類のレイアウトすべてで、ちょっと手直ししたい」という場合、共通部の修正で、そこがネストされているなら、共通部１つだけを直せば、５種類すべての修正が終わります。

まあ、最初に作る作業量とその後の修正の手間が減るというメリットがあるってことです。

この回答へのお礼

ありがとうございます。

>>最初に作る作業量とその後の修正の手間が減るというメリットがある

もちろんそれは考えたのですが
共通のスタイルがあるのであれば、それをひとつのモジュールとし
マルチクラスで運用すれば問題ないと思います。

また、mixinを使うと繰り返し同じコードが生成されるためcssファイルの肥大化につながりDRYではなくなります。

それを差し置いたメリットとはなんなのでしょうか。
ただ単純にそういう意識がないからなのでしょうか。

お礼日時：2019/05/05 09:16

No.2 回答者： lv4u 回答日時： 2019/05/05 09:32

＞＞それを差し置いたメリットとはなんなのでしょうか。

ただ単純にそういう意識がないからなのでしょうか。

メリットがあるけど、デメリットがある。当たり前ですね。
その差し引き後の値を、直近で考えるか、長いスパンで考えるか？人によって変わるってダケではないでしょうか？