Browser is not Updating CSS

Question

I am using CSS in one of my projects but many a times it doesn't work in expected manner like if I Create a new Class in Css and then updates the Label Image or anything else's CSS Class to this new class then it doesn't work and when I inspect these elements then i find that they are still using the old class of CSS. Now if I delete the Cookies and History and then again run the Project then this time it start working. Can anyone tell me Why it's happening????? And How can I get rid of this problem???????

Sunny Sharma · Answer

Hi.. I assume you're using Visual Studio for doing this. Yes this annoying thing is there. Problem is because of content caching at Browser side. The browser caches the contents mentioned/linked in the page that we want to load and keeps in Temporary Internet Folder so that browsing would be faster. Browser caching is limited by time and space both. It can not keep a file larger than the defined cache storage capacity or longer than the defined time frame. Solution is also there. Do a complete refresh every time you update your CSS by pressing CTRL+F5 instead of pressing F5 key only. This action reloads all the contents linked to the page. Also if you're using Visual Studio 2012 it comes with a Page Inspector (a browser simulator embedded inside visual studio) that reflects your CSS updates as soon you make and press save button or CTRL+S. Hope this helps :) Thanks.