各CSS設計を、自社のサービスに取り入れる場合どんなメリット・デメリットがあるんだろう、と思って調べたので個人的なメリット・デメリットを含めてまとめました。 ちなみに弊社はSMACSSを採用していたのですが、思った以上に「似ているけれども少し違うため使い回せないパーツ」と「内容に依存するパーツ」が多かったので、そのあたり上手くクリアできる設計手法無いかなと思って探しました。 一覧 OOCSS BEM SMACSS FLOCSS ECSS MCSS OOCSS 特徴 オブジェクト指向 マルチクラス 構造とスキン（見た目）を分離する コンテナと内容を分離する メリット 構造と見た目を分離することにより、パーツの使い回しがしやすい （例：btnとbtn-submitを組み合わせて投稿ボタン作るとか） コンテナと内容を分離するので、作ったパーツをどこでも使える。場所に依存しない。 デメリット 初見
