【id名、class名はどの程度までつけていますか?】
ネーミングセンスがないということもあり、今作っているWebページは更新が入りそうな箇所以外はほとんどid、class名をつけずに、子孫・隣接セレクタのみで要素を特定する方法でCSSを書いています。
変更が入りそうな箇所や1ページ内で何回か使用されており他の親となりうる要素(例:section)には命名しているのですが、最低限、というところです。
他の方のソースを見ると、h1やpに至るまで細かくネーミングされているもの、デザイン目的でネーミングされているものなどがあり、どれがベストなのか少し悩んでしまったので、皆様の方法をお聞きしたいです。
みんなの回答 3 件
他の人がいじる可能性がある場合は、細かく付けたほうがいいとは思います。しかし、そのでない場合、最低限でいいと思います。
例えば会社概要を表示する場合
<article class="article company-area">
<h1>会社概要</h1>
<section class="section">
<dl>
<dt>社名</dt>
<dd>W3Q株式会社
</dl>
</section>
</article>
みたいな。
最近は基本的にBEMにしてる。
最初はめんどくさかったけど、やっといてよかったって思う事の方が多い。
なので、シンプルセレクタ、全称セレクタも使わないし、複雑なセレクタ
:not(:nth-of-type(An+B)):after:みたいなのも極力避ける。
後IDはスタイル用には使わない。JSとかページ内リンク用のみに限定してる。
上のコメで他人が触らないならと言ってますが、1年後の自分はもはや他人だと思ってる。
大規模サイトだとどのモジュールも使いまわす可能性があるから、なるべく子孫・隣接・関節セレクタ使わずに細かくネーミングする必要があるし、滅多に更新しないような小規模サイトならそのへんどうでもいいし、案件によるんじゃないですかねぇ
関連するトピックス