#日報27|CSSの優先順位って難しい。

2026年10月1日

1.本日の作業内容
⬛︎HTML, CSSを使って簡単なWebサイトのコーディングをした。
・ヘッダーに画像を配置、見出しやテキスト、画像を使ってHTMLを書いた。
・ヘッダーの配置、文字の大きさや行間など、画像の大きさや表示したい部分が見えるように配置、positionを使って配置、などをCSSを使って書いた。

2.直面した問題点
＜問題点＞
⬛︎CSSでは、あとに書いた方が優先されるはずなのに、思った通りの挙動にならなかった。
・先に書いた方の詳細度が高く、そちらが優先されていた。

＜対応＞
◼︎詳細度の優先順位についても意識する必要がある。

3.残っている課題△、進行中の作業⬜︎、明日の予定⬛︎
△object-fit, object-positionの理解
⬜︎背景に画像を配置したWebサイトのコーディング練習
⬛︎背景に画像を配置したWebサイトのコーディング練習を進める

4.気づき、学び
　CSSの詳細度に優先順位があることは知っていたけれど、初めてうまくいかない場面に出会った。class指定の徹底や、img, p だけを指定せず、どのclassのimg, pなのかという風に書くようにしていこうと思った。けれど、まだまだ難しい。