CSSのあれこれ 優先順位について

例えば、CSSに下のような順番で記述をした場合、paddingはどのようになるでしょう！

p { padding: 20px; }
p { padding: 10px; }

10pxと20pxならば、20pxの方が大きいのだから、paddingは20pxで表示される！！
と思いませんか？私はそう思っていました。
けれども、違うんですね。
じゃあ、10pxと20pxを足した30pxとか？なんて思ったりもしましたが、それも違います。
正解は10pxなんです。

何故かと言うと、CSSは後に書かれているものの方が優先順位が高いのです。
なので、この場合は下に書かれている10pxが優先されるわけです！

★美容室・ネイルサロン様向けの格安ホームページ作成プランが先日オープンしました！
月々2500円からの格安ホームページ制作　Beauty-Lady.net

2月まで初期費用無料キャンペーンを実施中なので、お気軽にお問い合わせください♪