同名のコンテンツが複数ページで出てくる場合のCSSコーディング・命名について相談です。
例えばトップページ(index.html)に「サイトの特徴」という箇所があるとします。コーディングを
<section class="feature">
<h1 class="feature-title">サイトの特徴</h1>
<div class="feature-body">サイトの説明~~</div>
</section>
こんな感じにしているとします。
そして、利用案内(guide.html)にも同じように「サイトの特徴」を記述したいとします。HTML構造は違うのでコピペせずに。
この場合、利用案内のページではどういう命名にすると、クラス名が衝突せずに済みますでしょうか?良いアイディアがあったら教えて下さい。
みんなの回答 4 件
外枠を"id"で括ってクラス名は同じ
同じ内容だけど、別ページでcssでは同じスタイル使わないの?目的がわかんないや。
ともかく自分ならclass使わないなあ。これじゃだめなの?
.feature h1 {}
.guide h1 {}
サイトの特徴のcssスタイルはページによって変わるの?
CSSファイル自体を分ける。使わない設定を読み込まずに済むというメリットもある。
関連するトピックス