0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【CSS・Chrome】クラスが正しく反映されているのにスタイルが適用されない時に確認したいこと。

Posted at

個人メモです。

ローカルでcssの修正をして、localhostで正しく反映されていることを確認し、ステージング(or 本番環境)にアップしたところ、cssが適用されていない場合の対処法

コードをみるとタグのidやclass属性は正しく反映されているのに、、という時。

##解決方法
キャッシュをクリアする。以上。

ブラウザに以前のキャッシュが残っているので、新しいcssが反映されていない。キャッシュクリアすれば新しいリソースを読みにいくので、意図したcssが正しく反映される。

###便利ツール
chromeツールのClear Cacheが便利。

アイコンをワンクリックすればキャッシュがクリアされる。

image.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?