まとめ

冗長で読みにくくなりがちなCSSも、工夫次第で読みやすく、軽量にすることは可能です。
今回はその中でも今すぐ実践できるポイントをご紹介させていただきました。

いずれのポイントにも共通して言えることですが、「ダブりは書かない」かつ「モレのないように書く」というMECEの考え方をCSSに持ち込むことが重要です。
CSSでファイルが重くなってしまう一番の原因はダブりなので、できるだけダブりを発生させずにロジカルに書いていくのを、ぜひ心がけてください。

参考：
MECEって？ロジカルシンキングの基本的考え方を理解して思考の抜け漏れを防ごう