CSSのカースト制度
＊下のサンプルコードをもとに書いてまする
身分が高ければ高いほど、意見が通るんだ
（要はCSSが優先して適用されるってことね。）
| 雑魚 | 下人 | 平民 | 地主 |
|---|---|---|---|
| .content（親クラス） | span(タグ名) | .cls(子クラス) | #first(ID) |
[サンプルコード]
<div class="content">
<span id="first" class="cls">ヤッホー</span>
<span>ヤッホー</span>
<span>ヤッホー</span>
<span>ヤッホー</span>
</div>
.content {
color: blue;
font-weight: 600;
}
span {
color: purple;
}
.cls {
color: orange;
}
#first {
color: magenta;
}
ただし1つのHTMLファイルで
classは同じ名前で何回も使えるのに対して、idは１回しか使えないんだよ。
地主の力は絶大だけど、何回も命令するとみんな言うこと聞かなくなるからね
