CSS Not Working in Chrome

CSS not working in Chrome

Comparing css links between the page you referenced and sub-pages, you have a "media" attribute in your link:

Problem:

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" media="only screen and (min-device-width: 481px" />

Working:

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" />

Try removing the "media" attribute and it should work fine.

More specifically, it does not appear that "only" is a valid operating for the media attribute. See this W3Schools page for details.

Chrome not loading new styles after css update

This may help. Open dev tools in browser then right click on refresh button of chrome. A menu will open. Select empty cache and hard reload.

If this is also not working then quit browser and try after relaunching.

Also look at chrome://appcache-internals/ for your page if there are some caches just delete those caches related to your page.

CSS not working in Chrome but does in Firefox

Try forcing a cache refresh in chrome by pressing Shift + F5

---

Related Topics