人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: izunagonago
●カテゴリ:コンピュータ
✍キーワード:Class MovableType いまいち けが カスタマイズ
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● uzula0141
●18ポイント

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

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

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

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


2 ● TomCat
●18ポイント

http://72.14.203.104/search?q=cache:scgbvYGcr5cJ:http://w3j.org/...

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

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

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


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

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

後ほどにでもこちら↓

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

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


3 ● nyankochan
●17ポイント

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


上のは一例です。


4 ● uniadd9
●17ポイント

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のところにジャンプ出来るようになります。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ