50代からのHTML / CSS / Java Script チャレンジ No.16 CSSの優先順位

昨日は、sanitizeとresetの違いについて学習しました。cssはwebのスタイルを決めるものなんだけど、優先順位があるらしい・・・今日はそのへんの学習になります。

昨日sanitize.cssについて学習したと思うんだけど、その書いた場所は、css/styel.cssの上に書いたと思う。

で、CSSの中ではどうか見ていきたいと思います。sytle.cssを開く。
ここで、セレクターにh1を使ってfont-size: 100にしたものを下に置いたらどうなるか。

すると前に書いたfont-size: 24pxは無視される。

これは、同じセレクター内で行っても同様。試しに次のように書いてみる。

24pxで設定したにも関わらず、50pxに上書きされてる。

CSSは後に書いたものほど優先度が高くなる。優先度については、もう少し細かいルールもあるらしいので、それはまた出てきた時に学習するらしい・・・

というわけで今日はここまで＾＾お疲れ様でした。