6月の半分以上、経っている中、もう完全に、梅雨入り宣言して日にちが経っていますね。

でも、気温の変化が激しい日にちが続いております。

1週間ぐらい、雨が続いて、今日から1週間は天気があいまいな時期が続くそうですね…

体調管理には気を付けてください。

さてと、話題を取り戻して…

:rootの記述ミスった！

CSSのデザインをしていく中、決められたカラーを設定しています。

しかし、記述のミスで、タイムロスになりました。

:root{
	--Black:{#000;}
	--White:{#FFF;}
	--Red:{#F00;}
	--Yelow{#FF0;}
}
.color{var(--black;);}

という風に書き込んでましたが、反映されない…

なぜだ！

とイラつき、頭から爆発になりました！

過去のブログを確認して、読み返したところ、記述ミスでした。

正しい記述はこちらです！

:root{
	--Black:#000;
	--White:#FFF;
	--Red:#F00;
	--Yelow:#FF0;
}
.color{color:var(--Black;);}

:rootの中に、{}（波かっこ）の中に入ってました…

しかも、クラス名に、カラー設定の「color:」が抜けてしまいました。

Webのお仕事をして初歩的なミスはホンマにプロとして情けなかった！

20分間のタイムロス！

しっかりとCSSに反映できるかできないかを極めなくちゃだめだなぁと反省！

では、また！