CSS設計で念頭におくべき４つのポイント

CSS は簡単に記述ができ、学習コストも低いのが大きなメリットです。しかしその反面、思い付くままにコーディングを進めていくと、いとも簡単に記述の論理的整合性は崩れます。そのため、以下のような「あるある」が良く起こりがちです。

このような破綻した状況に直面しないためには、次のような４つのポイントを念頭に置きながら CSS を構築していく必要があります。

こうした生産性の高い CSS を構築するための設計思想の１つが、 BEM という方法論です。