✏️

idとclass

2024/09/28に公開

idとclassは何で使い分けているのかわからない。

デザインいい感じで!さんの記事を参照。

idもclassもcssを適用する時に必要。

idとclassの違い

idについて

idは1つのページに一つしかつけられない。
<p id="Oyatsu">チョコ</p>
<p id="Oyatsu">おにぎりせんべい</p> ← 不可

idは同じタグに2つ以上付与できない
<p id="a" id="b"> ← 不可

classはidのような制限がない

idを学籍番号、classをクラス名と覚えると良いそう。

同じタグにidとclassをつけるとidが優先される。

<p id="child" class="adult">20歳</p>

#child {
color: red; ←優先
}
.adult {
color: blue;
}

idを処理する方が速いそう。

以上。

参照
デザインいい感じで!さん
https://dezasuta.com/columns/id-class/

Discussion