CSSの世界へようこそ。画面の中のデザインを彩る楽しさに触れ始めたばかりですね。
最初は「あれ？色が反映されないぞ？」「さっき書いたはずなのに！」と、CSSの優先順位という迷宮に迷い込むことは、誰もが通る道です。大丈夫、これは魔法ではなく「ルール」があるだけです。

今日は、CSSをどこに書くかという「住所」と、その「優先順位」について、現場の知恵を交えながら紐解いていきましょう。

—

CSSには「3つの住所」がある

CSSを書く場所は、大きく分けて以下の3つしかありません。これらを「お洋服の着替え」に例えて解説しますね。

1. 外部スタイルシート（クローゼット）

一番のおすすめであり、現場の標準です。`.css` という別のファイルを作って、そこに全てのルールを書き込みます。

• 例え話： 全身のコーディネートを管理する「大きなクローゼット」。
• メリット： サイト全体で同じルールを使い回せるので、修正も一箇所で済みます。管理がとっても楽！

2. 内部スタイルシート（玄関の鏡の前）

HTMLファイルの `` タグの中に `

こんにちは！

/ style.css /
h1 {
color: blue; / 外部ファイルには青と書いたのに… /
}

---

最後に：!important という「切り札」について

CSSには `!important` という、どんな優先順位も無視して「絶対にこれを適用しろ！」と命令する究極の書き方があります。

h1 { color: black !important; }

でも、これだけは覚えておいてください。「切り札は、使いすぎると自分の首を締める」ということを。
現場で `!important` を多用すると、後から「あれ？なんで色が直らないの？」と自分自身で原因を突き止められなくなる「CSSの迷宮」に入り込んでしまいます。

現場からのアドバイス

最初は、「外部スタイルシートに書く」ことを基本にするだけで十分です。
もし色が反映されなかったら、「あ、どこかでインラインスタイルを書いてしまっていないかな？」「どこか別の場所に強い指示が隠れていないかな？」と、身の回りの荷物を整理するように一つずつ確認してみてください。

焦る必要はありません。一つ一つルールを理解していけば、あなたは必ず自在にデザインを操れるようになります。応援していますよ！