W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:GoAzsy さんの質問

CSSをBEMで書いててSass使ってない人に質問です。

BEMの場合、基本的にはシングルクラス設計になると思いますが、その場合、同じコードを何度も書く必要が出ると思い、BEM方式にするのを躊躇しています。

もちろん、Sassを使った場合でも出力されるCSSファイルは同じコードが何度も書かれている状態なので手書きの場合がそうなってもおかしくはないと思いますが、少し違和感を持っています。

BEMで書いてもマルチクラスの方が良いのでしょうか?

みんなの回答 2 件

ID:zEu1se さんの回答

BEMとOOCSSを組み合わせればいいと思うよ。

というかSass使ってるならextend使えば同じコードを繰り返すってのは避けれるはず。

ID:GoAzsy

ボタン用のCSSを書く場合、
<button class="btn btn--primary">ボタン</button>
<button class="btn btn-login">ログイン</button>
こんな感じで良いという事ですかね?

ID:zEu1se

そうですね。そういう場合はOOCSSの方が向いてますね。

ID:zEu1se

ただ、上書きのルールとかちょっとややこしくなるので要注意ですね。

ID:GoAzsy

なるほど。CSSの設計って後々のこと考えだすと何も出来なくなってきて、難しいですね

ID:YRha5A さんの回答

BEMのサイトもYandexもマルチクラスですよ

最終更新日:2014-08-01 (2,058 views)

関連するトピックス

ページ上部に戻る