Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Kristian Woods
Kristian Woods
23,414 Points

Why does my CSS have issues refreshing?

I'm not sure where the issue stems, however, my CSS isn't refreshing each time I load the page. I've been working with CSS for a while now, and never before encountered this issue. I found a solution: "cmd + shift + R", which refreshed the page with the latest updates I made. However, I still don't understand why it's behaving this way.

Could someone shed light, please?

thanks

3 Answers

Shaun Kelly
Shaun Kelly
35,560 Points
Shaun Kelly
Shaun Kelly
35,560 Points

Cache will most likely be your problem

Jeffrey Schock
PLUS
Jeffrey Schock
Courses Plus Student 3,418 Points
Jeffrey Schock
Jeffrey Schock
Courses Plus Student 3,418 Points

Hey, quick tip! Use the incognito function to cure these kinds of headaches. (Operating under the premise that you're hitting a cache.)

Jeffrey Schock
Jeffrey Schock
Courses Plus Student 3,418 Points

Most often I find I forgot to link the css but I doubt that was the problem.

Umar Ghouse
Umar Ghouse
14,607 Points
Umar Ghouse
Umar Ghouse
14,607 Points

As the others have stated it's most likely that your browser isn't refreshing the page per se. Instead it is drawing from a "cached" version of the page - this is generally done to reduce load times. Since, in production, a web pages' CSS is not likely to change so often, the browser will save the html, css etc. files and when you reload the page, it'll simply use those saved files, instead of calling for new files from the server.

One trick you can use is to reload using "Ctrl + Shift + R" (On Windows) to force the browser to request a new set of files from the server.

Hope that helped!