Old CSS showing up?

Issue

I had changed the CSS within my styles.css, I'm using Visual Studio and when I run the website and inspect element it shows the old CSS is being used, however I've changed the CSS completely to have no CSS and also saved the file and re-ran the website but still I get the same old CSS.

Is this a common problem? Does my browser (Google Chrome) cache the CSS by any chance?

Solution

All browsers cache CSS but you can easily clear the cache while reloading the page. This is called a 'hard refresh'. To do this, you can use one of these keyboard shortcuts:

To perform a hard refresh on Windows, do not simply press F5 or Control + R. Instead hold down Control + Shift + R or Control + F5 or Shift + F5.

To perform a hard refresh on a Mac, hold down Command + Shift + R.

In most browsers, pressing F5 more than once is enough to clear the cache of the page you are reloading.

Answered By - Jascha Goltermann