[CSS設計]わたしはクラス名でもう悩まない[BEMベース] - Qiita

BEM命名規則を前提としています。 ルール 略さない（imgは略してOK） 長い単語で一般的な略し方で浸透してる場合は略してOKとします。 description...desc introduction ...intro information...info Frequently Asked Questions...faq 一般的な単語を使うこと 新しい言葉は作らないでください blockとElementに同じ命名をしない。 .button__buttonや.input__inputはNG 同じコンポーネント内で似てる単語は使わない。 containerとcontent、dateとdataなど。 単語をつなぐときは-を使う 〇〇-✕✕のように-でつなぐことで「〇〇の✕✕」を表す。 search-barで「検索のバー」、tag-groupで「タグの集まり」というように HTMLタグの名前をク