スタイルシートのclassとIDの使い分けがいまいち分からないのですが、MovableTypeをカスタマイズするということに限って考えると、どのように使い分けたら便利でしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/12/01 09:30:41
  • 終了:--

回答(4件)

id:uzula0141 No.1

uzula0141回答回数4ベストアンサー獲得回数02005/12/01 09:49:42

ポイント18pt

http://www.tohoho-web.com/css/basic.htm

とほほのスタイルシート入門(基礎知識)

詳細はこのあたりにありますが、

ID は1回のみ利用するもの、例えばレイアウト構成など(ヘッダ、フッタ、メニュー、メイン)に利用し、classは複数使うものに利用すれば良いと思います。

id:TomCat No.2

TomCat回答回数5402ベストアンサー獲得回数2152005/12/01 09:54:13

ポイント18pt

こちらのページの「id属性とclass属性の使い分け」の項目が

分かりやすく明快な説明を与えてくれると思います。

この方針によって作られたテンプレのサンプルも入手できます。


なぜか今サーバが重くつながりませんので、

とりあえずGoogleのキャッシュでお読み頂いて、

後ほどにでもこちら↓

http://w3j.org/articles/MTstructuraldesign/MTstructuraldesign01....

をアクセスしてみてください。

id:nyankochan No.3

nyankochan回答回数323ベストアンサー獲得回数92005/12/01 09:54:58

ポイント17pt

http://www.hatena.ne.jp/1133397041######

人力検索はてな - スタイルシートのclassとIDの使い分けがいまいち分からないのですが、MovableTypeをカスタマイズするということに限って考えると、どのように使い分けたら便利でしょうか?..

パーツで使うとして。

<div id=”A”>

<div class=”title”>テスト</div>

</div>


<div id=”B”>

<div class=”title”>テスト</div>

</div>


この時に・・・

CSSで以下のように指定すると同じclass名でも表示わけできます。

IDがAの場合にclassでtitleを指定した時に適用

#A .title{ 指定スタイル }


IDがBの場合にclassでtitleを指定した時に適用

#B .title{ 指定スタイル }


IDとclassの組み合わせで使う事は少ないと思います。

使い道として・・・

<h1>や<font>のタグに対してスタイルを指定する場合に

あちこちで同じHTMLタグを使用したら全て同じスタイルになります。

そこで、IDで囲み分けすることでIDによって適用するか同かを決められます。


#A h1 { 指定スタイル }


<div id=”A”>

<h1>適用されます</h1>

</div>

<h1>適用されません</h1>


こんな感じです。

特にIDつけて使用しなきゃいけないってことも無いので、

自分のCSSでの管理しやすい方を使えばいいと思います。


#header .title サイトタイトル用のクラス

#article .title 記事のタイトル用のクラス


こんな使い方も・・・

td .f12 <td>タグ内でのみ反映されるf12のclass


上のは一例です。

id:uniadd9 No.4

uniadd9回答回数4ベストアンサー獲得回数02005/12/01 12:04:22

ポイント17pt

http://www.scollabo.com/banban/apply/ap3.html

$B%9%?%$%k%7!<%H1~MQ(B/HTML$B1~MQJT(B

クラスは重複して指定することが出来ます。

HTMLの中にIDを設定した場合、<a href=”....htm#**(設定したID)>のリンクでそのIDのところにジャンプ出来るようになります。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません