CSSについて－細部の設定はどうしていますか?

質問

CSS外部ファイルでサイト全体のレイアウトを設定した場合、大まかな設定は良しとして
例えば「ここのimageだけはmargin:10pxに設定したい」とか、「ここのtdだけはpaddingを5pxにしたい」など
細部の設定について皆さんはいかがしていますか？

1. 細部の設定は諦める(細部にはこだわらない)
2. <td style="padding: 5px">など直接styleを設定する
3. スタイルシートファイルに.td{padding: 5px}を追加する

これ位しか思い浮かばないのですが、何か良い方法はないでしょうか。

回答No.1

saintandre · ベストアンサー

このような方法もあります

4.クラス指定
<td class="xxx">
.xxx{padding: 5px}

5.ID指定
<td id="xxx">
#xxx{padding: 5px}

ただしあまりクラスやIDを増やしても管理が煩雑になるので
あまりに例外的な部分は 2. で対応するのが楽ですね。

お礼

saintandreさん、ありがとうございます。

今自分の質問を見て間違いを発見しました。
3. スタイルシートファイルに.td{padding: 5px}を追加する
↑は
3. スタイルシートファイルにtd.class名{padding: 5px}を追加する
の間違いです。

おっしゃる通りclass名、IDは増えすぎると他の管理者はもちろん、自分までも
わけが分からなくなってしまう恐れがあるので困っています。

やはり2.が良いでしょうか。
どうもありがとうございました。

回答No.3

kamineco

td.クラス名 { padding: 5px; }
として、このクラス名をつけた td タグだけが padding:5px になるようにします。

お礼

kaminecoさん、どうもありがとうございました。

回答No.2

ao_

私は大まかな設定も細部の設定も全て外部ファイルで設定しています。
ただしどこのtdだかわかるように子孫セレクタで書くようにしています。

お礼

ao_さん、ありがとうございます。
なるほど、子孫セレクタにすればCSSも分かりやすく整頓されますね。

どうもありがとうございました。