404 from CSS file

Question

Is there any reason why I'd be getting a 404 error from a CSS file with a version number on the end of it?

<link rel="stylesheet" href="styles/main.css?v=123">

My file is also named main.css?v=123.

Any help is appreciated. Thanks in advance!

That's not how it's supposed to work. Don't add the parameters to the file, just call it main.css. — JJJ
– JJJ, Commented Nov 19, 2015 at 20:17
If your file is really called "main.css?v=123", you're doing it wrong. Call it just "main.css". The whole point is that when you update the file you don't have to change its name, you just change the version number in the HTML only. — JJJ
– JJJ, Commented Nov 19, 2015 at 20:22
@Juhana This was so my users get my most recent stylesheet instead of some cached version. Do I need the version anywhere else? In my CSS file, perhaps? — realph
– realph, Commented Nov 19, 2015 at 20:24
I don't know how to say it any more clear. Leave the HTML as it is now, and name the CSS file "main.css". Then it'll work as you want it to. — JJJ
– JJJ, Commented Nov 19, 2015 at 20:26

ak_ · Accepted Answer · 2015-11-19 20:28:02Z

2

You should rename your file to just main.css, then in the html reference it like this: <link rel="stylesheet" href="styles/main.css?v=123">

You'll only need to change the version in the HTML after you've updated your css. Remember, your css file will always be named just main.css

Hope that helps!

answered Nov 19, 2015 at 20:28

ak_

2,8153 gold badges18 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rick Calder · Accepted Answer · 2015-11-19 20:39:31Z

1

Just to clarify this is called querystring caching. You add the querystring in the HTML only. When you change it most browsers will assume it's a new file and reload it regardless of how you set the cache for CSS files.

It's possible to do this via PHP without having to manually change it every time you change the css file.

<link rel="stylesheet" href="styles/main.css?t=<?php echo filemtime( 'styles/main.css'); ?>" type="text/css" media="screen" />

This appends the css files modification time to the HTML. Every time you save the CSS file this will update automatically.

answered Nov 19, 2015 at 20:39

Rick Calder

18.8k3 gold badges27 silver badges41 bronze badges

Comments

Ann · Accepted Answer · 2015-11-19 20:45:04Z

1

By this type of link, you passed to browser the HTTP request GET, with argument v and its value 123. Server is still looking for main.css. The 404 code means page not found.

If you want to server handles it use URL-rewriting. Or you can try encode the question mark by typing %3F.

Please note that file names containing question marks aren't allowed on windows and MSDOS systems.

answered Nov 19, 2015 at 20:45

Ann

112 bronze badges

Collectives™ on Stack Overflow

404 from CSS file

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related