update.前案件でBEMチックな書き方をして、あまりのクラス名の長さにキィェエエエ!!ってなった後で、CodeGridさんでSMACSSについてのステキ記事を見つけたのでメモ。※以下、CodeGridさんの記事に書いてることを、自分が後で見るようにプチ要約したものです。本記事をまだ読んだことが無い人はここよりも、本記事の方をじっくり読むのをお勧めします。...1パターンしかないからといって、ここでデザインを指定しない。2.レイアウトルールページのエリア分け.l-main.l-subプレフィックスでl-をつけて一目でわかるように。IDが絶対だめってわけじゃないけど、ID要素は重複利用できなかったり、スタイルの上書きがむずかしくなるから、なるべくクラスを使うCSSでは位置や配置の指定をする。ロゴ・ナビゲーション・タブなどページを構成するパーツすべてレイアウトパーツの中に入れて、どこに置いても再利用できるように独立させておく。class="item-text"></p></div>クラス名をつけるタイミングモジュール全部にクラス付ける必要はない。...クラス名つけるliは階層が深くなる場合>を使う。階層が変わる場合もあるから、クラス名付いたdivで囲む方がいいっぽい。親要素によっての指定はしない。search-vertical">~</div></div>こう。.search-verticalに指定することで、どこに移動してもスタイルを維持できる。{}例.is-dialog-hidden.is-tab-active!importantはなるべく避ける。状態ルールはモジュール名を付けてあげた方が競合しなくてよさそう。CHROMA「自分以外の誰が見てもわかる」+「CSSを編集することがあまりない」そんな更新しやすい組み方ができたらいーなーと思う今日この頃。upLoginユーザーは見つかりませんでした。