ブログBlog

CSSの優先度

投稿日:2018年10月01日

ヌノです。

先日ハマってしまったので備忘録も兼て・・・

Webサイト等で頻繁に使用されるCSS(スタイルシート)の優先度ですが、基本的に次の順で適応されます。

1:各要素毎で設定している物
2:HTMLファイル毎で設定している物
3:外部ファイルで設定している物

当然の話ですが後から読み込まれた方が優先されます。
厳密には後から上書きされます。

要素に書いたCSSに気づかずにCSSファイルやHTMLに記述したCSSを一生懸命探してたり、油断してると見落としやすいので要注意です。

また、!importantを付ける事で最優先で適応されます。

PAGE TOP