0

I have been building a website for over a month now, nearly completed. All of a sudden, when I make a change to my style.css file, the change does not appear when I refresh the page in the browser.

The strange thing is that, if I make a copy of the file, called style_copy.css, and link to that and make changes, then the changes do appear in the browser.

Does anyone have a clue as to why this is occurring?

I am browsing on Google Chrome (94.0.4606.61) and editing in Visual Studio Code (1.61.0)

Thanks

j08691
  • 204,283
  • 31
  • 260
  • 272
Stephen Taul
  • 1
  • 2
  • 1
    Browsers cache stylesheets, did you try using a hard-refresh? `ctrl-f5` or `ctrl-shift-r`? – MaartenDev Oct 08 '21 at 16:13
  • 1
    Does this answer your question? [Force browser to refresh CSS, JavaScript, etc](https://stackoverflow.com/questions/11474345/force-browser-to-refresh-css-javascript-etc) – MaartenDev Oct 08 '21 at 16:14
  • So you're saying that this only happens in Chrome? Not Firefox or Edge? – j08691 Oct 08 '21 at 16:32

2 Answers2

0

First, make sure the css file has been saved.

If the file is already saved, then the issue is most likely because your browser has cached (saved an old version of) the file.

Then, try restarting the browser to clear the cache.

Also, try waiting and reloading, the file will likely update by itself pretty soon.

Leo
  • 172
  • 2
  • 14
0

Instead of restarting the browser, you could also hit CTRL + F5

Dharman
  • 30,962
  • 25
  • 85
  • 135
Sebastian Förster
  • 55
  • 2