「id」と「class」の違い
参考サイト
参考ページで自分なりにまとめてみました。
_________________________________________________
「id」＝１つまで 「class」＝複数使用可能
_________________________________________________
「CSS」＝優先順位がある「同じ要素に対し別の「CSS」が適用された時どちらを優先させる？」順位付けの概念
例
-------------------------------------------
html
<div>
<p class="red">赤</p>
<p class="red">赤</p>
<p id="blue" class="red">青</p>
</div>
コード内に３個のｐがあり、全てにclass="red"が付いていて３段目のｐにだけid="blue"が付いています。
---------------------------------------------
.red{
color: red;
}
#blue{
color: blue;
}
cssには「.redは赤文字」「＃blueが青文字」になるコードが書かれています。
Q:「.red」と「＃blue」両方付いている３段目はどちらの色になる？
A：idのセレクタが優先される
----------------------------------------------
・同じ段に対し、別々のCSSがある場合、セレクタによって優先度が変わる
・idがセレクタの場合、classよりも優先度が高く「id>class」になるので
「color: blue;」が優先して適用される
----------------------------------------------
まとめ
idとclassでは優先度がちがう
