CSSの設計で質問です。各ブロック(モジュール)毎に設計しています。
.
<div class="block">
<div class="block-title">タイトル</div>
<div class="block-date">2015/07/21</div>
</div>
.
こういうコードがあったとして、Aというページでは「内容」を追加したり、Bというページではタイトルを大きくしたいとします。その時、皆さんはどうしてますか?
.
a)blockをコピーして、そのページに適した別のクラスを作る
b)blockに必要なクラス(block-bodyやblock-title-large)を追加する
c)マルチクラスで対応する(class="block-title text-large")
d)その他
みんなの回答 3 件
内容は、class="block-body"で新規追加、タイトルを大きくしたいのは、class="block-title text-large"でいいだろ
wp使ってるときによくやるのは
bodyに付いてるそれぞれのページ毎のクラスを親にして区別してる。
SASSかなんか使ってきっちりBEMっぽい管理ができてるなら、bだけど、今みたいに悩んでルールがふわっとしてるなら、c
関連するトピックス