1. ホーム
  2. ハイパーリンク

[解決済み】idとclassの違いって何?

2022-04-04 12:26:59

質問

とはどう違うのですか? <div class=""><div id=""> は、CSSの場合?を使ってもいいのでしょうか? <div id=""> ?

いろいろな開発者が両方の方法でこれをやっているのを見かけますが、私は独学でやっているので、よくわかりませんでした。

どのように解決するのですか?

ids は一意でなければなりませんが class は多くのものに適用することができます。CSSでは id のように見えます。 #elementIDclass 要素は次のようになります。 .someClass

一般的には id 特定の要素を参照したいときは class は、すべて似たようなものがいくつもある場合です。例えば、共通の id 要素とは、以下のようなものです。 header , footer , sidebar . 共通 class のような要素です。 highlight または external-link .

カスケードについて読み、さまざまなセレクタに割り当てられる優先順位を理解することは良いアイデアです。 http://www.w3.org/TR/CSS2/cascade.html

しかし、最も基本的な優先順位として理解していただきたいのは id セレクタが優先されます。 class セレクターを使用します。もし、これが

<p id="intro" class="foo">Hello!</p>

とします。

#intro { color: red }
.foo { color: blue }

のため、テキストは赤になります。 id セレクタが優先されます。 class セレクターを使用します。