• 締切済み

CLASSとIDの違いについて教えてください。

スタイルシートを使ってWEBページを作っているのですが、 CLASSとIDの違いがわからず困ってしまいました。 CLASSでやってもIDでやっても 同じように動作しているように見えます。 この2つに機能的な違いはあるのでしょうか? また、使い分けた方がいいのでしょうか?

  • HTML
  • 回答数1
  • ありがとう数2

みんなの回答

  • lmeelm
  • ベストアンサー率52% (18/34)
回答No.1

IDは一つのページに基本的にひとつだけ、classは複数指定すると考えていいのではないでしょうか。 ちなみにclassよりも、IDの方が優先されます。

参考URL:
http://ad.il24.net/~ura/css/index.htm

関連するQ&A

  • cssのidとclassの違いについて

    cssのidとclassの違いについて ホームページ作成でcssを指定するとき、同一ページ内に1つしか指定しない場合はidを使用し、同一ページ内に複数指定したい場合はclassを指定しているのですが、使い方はあってるのでしょうか? 独学なゆえ間違った使い方をしているのかなぁと思い質問してみました。 もし間違っていたら正しい使い方を教えてください。またidとclassの意味の違いも一緒に教えていただければうれしいです。

    • ベストアンサー
    • HTML
  • どこでそのclassやID使われているかを知る方法はありますか??

    お世話になっております。 できるだけスタイルシートを使用しようと奮闘中の者です・・。 ただ、特に他者が作ったサイトの更新作業で、どこでそのclassやIDが使われているかを知る方法があればなと思います。 もしございましたら、ホームページビルダー12を使っていますが、ビルダーの機能にこだわらず、教えて頂けませんでしょうか。

  • CSS idとclassをtableでつかうとき

    内部cssで テーブルに装飾をしようとしていたのですが、 <style type="text/css"> <!-- table.sample td {font-size:12px;} --> </style> <table class="sample">・・・ これは有効でした <style type="text/css"> <!-- table#sample td {font-size:12px;} --> </style> <table id="sample">・・・ これは無効でした なぜでしょう?classとidはそのユニーク性のみの違いかと思っていましたが。 このような機能的な違いもあるのでしょうか。 それとも単に記述ミスですかね。。。

    • ベストアンサー
    • CSS
  • id class が効かない

    HPを作成し始めたばかりです。 IEではスタイルシートで id や class で画像のサイズが指定するとちゃんと表示されますが、 Firefox では全く効かずそのままの大きさになります。どうすればよいでしょうか? また、ブラウザの表示で「~場合は・・・すればよい」というようなサイトはありますか? ありましたら教えてください。よろしくお願いします。

  • classとIDの使い方?何が違うんでしょうか?

    こんにちは、よく<div class"○○○○">とか<div ID=""○○○>などと記述がしてあるのですが、classとIDの違いは何でしょうか? 私はよくわからないので、全部classで書いていたのですが、やはり何かが違うからclassとIDが存在するのだろうと思ったら、気になってしょうがありません。 ちなみに全部classで書いている私は駄目なのでしょうか? また、classとIDの決定的な違いはなんでしょうか?使用方法や正しい使い方などが存在するのでしょうか? とりあえず現在、全てclassで定義しているのですが、特にこれといった問題は内容に思えます。 詳しい方がおられましたら、宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • CSSで、IDとCLASSを同時に設定することは可能ですか?

    <div ID="main" CLASS="sub"></div>のように スタイルシートで、IDにメインのスタイル CLASSにサブのスタイルを設定してみて、 とりあえず、firefox、IE6、で確認してみたところ、うまく動きました。 しかし、グーグルで”ID CLASS 同時”等で検索してみても、 同時に使えることが解説されたサイトが大変少なく、 果たして、同時使いは、CSSの構文違反にならないのか不安になり 質問させていただきました。 <div ID="main" CLASS="sub"></div>のようなセレクタ同時使いは、 やっても大丈夫なものなのでしょうか? サポートされていないブラウザがあったりすることはないのでしょうか?

    • ベストアンサー
    • HTML
  • 同じ内容でもclassとidによって変わりますか?

    classとidの違いは何となくわかっているのですが、同じ内容でもclassとして定義したものとidとして定義したものでは表示に違いが出るのでしょうか。やりたいことによってはここはidじゃなきゃだめだっていうようなものがありますか。

    • 締切済み
    • CSS
  • classとidの名前の付け方

    classとidの名前の付け方についてお伺いします。 1. classとidの名前の付け方によってSEOに関係するのでしょうか? 2. むやみにclassやidを付けずにセレクターなどを使うほうがよいのでしょうか? 3. 例えばid="category1"とつけるのとid="cat1"というように省略するとgoogleは「cat1ってなんだよ?」と判断したりしてランクを下げたりしますか? 4. 同じid名を1つのhtml内に複数使っていたり、class名が1つしか使われていないWebサイトをよく見掛けます。これでもブラウザは解釈するようですが、html内で1つしか使わないのにclassで指定するのは良くないのでしょうか? 5. そもそもidとclassをgoogleはどのように判別しているのでしょうか?idは見出し、classはその下のカテゴリとか・・・そういう感じですか? なかなかネットを検索してもわからなかったのでこちらで質問させて頂きました。 お手数ですがよろしくお願い致します。

    • ベストアンサー
    • CSS
  • id、classの記述について

    WEBの記述について質問します。 スクールではclassやidに、 .margin{ padding-left:10px; margin-left:10px; } など1つのId、classに何個も指定をするように教わりました。 しかし前勤務していたweb制作会社ではひとつのclassやidに一つしか指定してませんでした。 classに分かりやすい名前をつけて分類してました。 .margin_left{ margin-left:10px; } これはどちらが正しいんでしょうか? 一般的に会社で使われている方法はどちらが多いのでしょうか?

  • スタイルシートでidとクラスの定義について

    スタイルシートでidとクラスの違いについてですがidは、1ページ内で一度しか使えないので、ページのレイアウトとして使われることが多くclassは、1ページ内で何度も使用することが可能で、同じデザインを複数指定したい場合に使用される事はわかったのですが、1つのページで id="heder"と定義した場合、その同じページのフッターを定義する際id="footer"とはせずclass="footer"とするべきなのでしょうか? それと同じページ内でidを2度使用するとどうなるのでしょうか? 教えて下さい!!