Stylesheet not updating

css stylesheet browser-cache
Mihad Aiko picture Mihad Aiko · Oct 4, 2012 · Viewed 141.2k times · Source

I am creating a website, but when I made changes to the stylesheet on my site, and I refreshed the site, none of the changes were there.

I tried to use the view source tool to check the stylesheet.css and it isn’t updated either. But when I go to the root of my system it is.

I have to wait at least 20 minutes before I see the update on my site, can anyone tell me why I don’t see changes right away? Is something wrong with my browser, computer, or server?

I also tried deleting my cookies, cache, and history but it still didn’t work.

Answer

Sean Vaughn picture Sean Vaughn · Oct 4, 2012

If your site is not live yet, and you just want to update the stylesheet at your pleased intervals, then use this:

Ctrl + F5

This will force your browser to reload and refresh all the resources related to the website's page.

So everytime you change something in your stylesheet and you wanna view the new results, use this.

On Mac OS Chrome use: Command + Shift + R.

Related questions

Can you use if/else conditions in CSS?

I would like to use conditions in my CSS. The idea is that I have a variable that I replace when the site is run to generate the right style-sheet. I want it so that according to this variable the …

Read More
How to use HTML to print header and footer on every printed page of a document?

Is it possible to print HTML pages with custom headers and footers on each printed page? I'd like to add the word "UNCLASSIFIED" in Red, Arial, size 16pt to the top and bottom of every printed page, regardless of the …

Read More
How can I make a TextArea 100% width without overflowing when padding is present in CSS?

I have the following CSS and HTML snippet being rendered. Is the problem is that the text area ends up being 8px wider (2px for border + 6px for padding) than the parent. Is there a way to continue to use …

Read More