SASSネスト（可読性のため）、それは悪い習慣ですか？

Question

経験豊富な同僚が私のSCSSをすべて入れ子にするように言ったので、読みやすさの面で不思議に思うかもしれないと主張してHTMLに見えるようにしました。

私は本当にこれが不必要で、アプリケーション（角度）を劇的に遅くする可能性があると心配しています。再フォーマット文書で

元に、それは、ネストを使用するためのベストプラクティスは、SASSであるTSとは何3.

を渡されたことがない一方で、セレクタは、5つのレベルのつもりですか？それが特異性の目的のために必要であるときにのみ使用すべきでしょうか？それは私の文書の書式設定のためのよりよい方法かもしれませんか？

Answer 1

私は、HTMLのネストと全く同じ方法でそれらをネストしないようにしようと思います。あなたのCSSには余計なセレクタが必要です。

https://smacss.com/には、コードをモジュールに分割する方法を教える優れた本があります。あなたのHTMLをブロック/モジュールに分割し、すべてのセレクタではなく、関連するセレクタを入れ子にすることをお勧めします。

ルールの種類：含まれるセレクタが多いほど、スタイリング時に優先順位が高くなります。

注：これはSCSSより読みやすさを向上させると考えているので、スタイラスを調べることをおすすめします。