新しいCSSの設計規約、AMCSSに関する個人的なまとめ - id:anatooのブログ

CSSの設計規約というと、BEMが有名ですが、最近またAMCSSという新しいCSSの設計規約が出てきました。この記事では、このAMCSSについて簡単に紹介したいと思います。 個人的なBEMの好きでない所 仕事でBEMをよく使っていて、優れた設計規約だとは思いつつも、使っていて気になる点がいくつかあります。BlockとElementとModifilerという3つの概念をクラス属性だけで表現しようとするため、非常に記法が見難いのと冗長なところです。 例えば、fooブロックのbarエレメントのhogeモディファイヤーを表現すると、以下のようになります。 <div class="foo foo--hoge"> <div class="foo__bar foo--hoge__bar"> ... </div> </div> "__"や"--"という文字を区切りに使っているため、非常に冗長に見えます。ま

[anatoo]

ブログった

[anconium]

あー、classじゃなくてattrでCSS設計しても詳細度は同じだもんね・・・

[syonx]

ほ〜

[efcl]

クラスじゃなくて属性を使ったCSS コーディングルールについて

[ngyuki]

AMCSS という属性セレクタを使う規約