ホームページ制作で起きた内部告発事件簿【File No.001】

ある日、ホームページのフッターをカスタマイズしていました。

文字の色を変更しただけのはずなのに…

なぜかSNSアイコンまで茶色に😳

「なんでお前まで茶色なんだよ🤣」

原因を調べるため、内部告発システム（F12）を起動したところ、思わぬ真相が明らかになりました。

今回は実際に起きた出来事を漫画でお届けします。

初心者の方も、分かりやすくなっていると嬉しいです😊

あとがき

いかがでしたか？🤣

今回の事件で学んだことは、

✅ SVGは普通の文字ではない

✅ SVGは親要素の色を引き継ぐことがある

✅ SVGの色は fill で指定する場合がある

✅ F12（検証ツール）は原因調査に便利

✅ CSSカスタマイズは犯人探しである

ということでした。

---

正直、

SVG

fill

currentColor

と説明されるより、

「親クラスの指示です…」

と言われた方が覚えやすい気がします🤣

ホームページ制作をしていると、今回のような事件が定期的に発生します。

また新たな内部告発があれば、
事件簿として記録していこうと思います🚓

---

🚓 「次回予告」

File No.002
『余白が消えない事件』
容疑者：margin・padding