■ セレクタとは何か
👉 「どのHTMLに適用するかを決める条件」
■ 要素セレクタの本質
p { color: blue; }
👉 「すべてのpタグ」
■ クラスの本質(超重要)
<p class=“text”>文章</p>
👉 classは「分類ラベル」
.text { color: green; }
👉 同じデザインを再利用できる
■ IDの本質
<p id=“main”>文章</p>
👉 IDは「唯一の名前」
■ クラスとIDの違い(設計)
| 種類 | 用途 |
|---|---|
| class | 再利用 |
| id | 一意(特定箇所) |
■ 優先順位(重要)
#main { color: red; }
.text { color: blue; }
.text { color: blue; }
👉 IDが勝つ
■ 理解の核心
👉 CSSは「どれを選ぶか」でほぼ決まる