Link a CSS file with version number for cache busting

Question

css-file is named: style.css?v=1

the link inside of html: <link rel="stylesheet" href="style.css?v=1">

Contrary to the classic style.css the style.css?v=1 doesn't get recognised:

Failed to load resource: the server responded with a status of 404 (Not Found)

Did I miss something? What's important to versioning files and where does the syntax ?v=1 come from?

"the style.css?=v1 doesn't get recognised." Which one are you using style.css?=v1 or style.css?v=1 (as per your link) (correct syntax is ?v=1 and it is called a query string) — Nick Parsons
– Nick Parsons, Commented Nov 22, 2018 at 11:22

Kostas Krevatas · Accepted Answer · 2018-11-22 14:54:30Z

2

The expression style.css?v=1 for the browser means a dynamic file like "fetch me the file style.css with a parameter named "v" set to 1". As long as you change the value of the v parameter, the file will be fetched as a new unique url.
The expression style.css?=v1 has no meaning.
The expression style.css?1 could also work.

edited Nov 22, 2018 at 14:54

answered Nov 22, 2018 at 11:34

Kostas Krevatas

1256 bronze badges

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

2 Comments

Malte Over a year ago

is the query string only based on naming? Or is there any technical difference between style.css?v=1 and style-v1.css?

Kostas Krevatas Over a year ago

The difference between these two is that if you are working on a file style.css and you want to decache it then the ?v={version_number} at the end is enough. The file style-v1.css is different than the file style-v2.css inside your server meaning that you must create a new file each time each time you want to decache it on your browser.

Collectives™ on Stack Overflow

Link a CSS file with version number for cache busting

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related