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

WEBサイト制作に詳しい方に解答をお願いします。
ドリームウィーバーを利用してCSSファイルを作成するにあたり、セレクタタイプ「クラスセレクタ」「タグセレクタ」「ID及び擬似セレクタ」の使い分け方と なぜ使い分けなければいけないのかが、よく分かりません。
色々と教書を読んでも理解できないのです。
基本中の基本をより深く理解したいというのが目的ですので、出来るだけ噛み砕いて、詳しく解説したサイトをご紹介下さい。
用語説明程度のサイトは遠慮させて頂きます。

●質問者: tokyo1981
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS webサイト クラス サイト セレクタ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● talepanda
●60ポイント

タグセレクタは、その名のとおり、タグのスタイルをまとめて指定したいときに使います。

例えば、サイト内のアンカータグすべてを太字にしたい、というようなことがあれば、これを使います。

また、例えばパラグラフはすべてマージンを10%とる、というようなこともあるかもしれません。そんなときはタグセレクタでpタグを選択します。


次に、クラスセレクタですが、これは任意のクラス名が付けられた要素をまとめて指定したいときに使います。同じタグでも、そのスタイルを使うものと使わないものがあるような場合は、タグセレクタだけでは指定できませんので、クラスセレクタを使います。

例えば、テーブルのセルだろうが、パラグラフだろうが、リストのアイテムだろうが、とりあえず重要な項目があって、目立たせたいというような場合は、そのtd、p、liに同じクラス名を指定します。そしてcssではそのクラスに対して、例えば赤字にする、とかしてあげるわけです。


次に、IDセレクタですが、これは、あるひとつの要素を指定します。

例えば、イメージがいっぱい並んでいて、ひとつのイメージだけ枠線を付けたい、といった場合があるかと思います。

そんなときは、枠線を付けたいimgにIDを付けてあげて、cssではそのIDを選択してボーダーを指定します。


擬似セレクタはちょっと特殊で、例えば訪問済みのリンク、マウスが乗っかってるリンク、といった、タグだけでは表せないし、IDやクラスでも指定できないものに使います。



使い分けですが、擬似セレクタはそれしか使いようがないので、よいでしょう。

また、タグセレクタは、そのタグのすべての要素にスタイルを適用したいときに使う、とすればよいでしょう。実用としては、フォントサイズや行間、マージンという、基本的なスタイルを指定することが多いような気がします。

IDセレクタとクラスセレクタの使い分けは微妙かもしれません。

というのは、IDセレクタを使わないでも、クラスセレクタのクラス名を一つ一つ変えれば、同じことですから。

ただ、実際には、絶対にそのひとつの要素にしか適用しないようなスタイル(ページのヘッダーやフッターなんかがこれにあたるかな)を指定するときは、IDセレクタを使うことが多いと思います。

そして、タグセレクタではあらわせないけど(同じタグでも、そのスタイルを使うものと使わないものがあるようなとき)、ページの中に複数現れるようなスタイルがあれば、クラスセレクタを使います。



http://q.hatena.ne.jp/answer

関連質問


●質問をもっと探す●



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