「id」と「class」の違い

参考サイト

webliker.info

「CSS」には優先順位がある

同じ要素に対し別々のＣＳＳが適用された時どっちを優先して反映させるか、と順位付けの概念です。

例

<div>

   <p class="red">赤</p>

   <p class="red">赤</p>

    <p id="blue" class="red">青</p>

</div>

↓

「id」のセレクタが優先される（三行目）

• 同じ要素に対し、別々のcssが書いてある場合、セレクタによって優先度が決まる
• 「id」がセレクタの場合「class」より優先度が高い
• 「id>class」