how to add version number to css if the css was imported?

Question

let's say i have this css file named imported.css, then inside the imported.css file, all the css used in the site are dumped within, e.g

@import url('a.css');
@import url('b.css');
@import url('c.css');
@import url('d.css');
@import url('e.css');
@import url('f.css');

so the import.css file is being called in the main layout...now the problem is, am having problem with css being cache at the end users' browsers..how will i add the version number to those css inside the import.css file ?.. will e.g

@import url('a.css?v=1');

work ?

or should i just add the version number at the import.css?v=1 ?

Check out this relevant article: css-tricks.com/can-we-prevent-css-caching — Matt
– Matt, Commented Mar 6, 2013 at 0:48
Not a dupe of this answer, but make sure you understand caching behavior in response to URL changes: stackoverflow.com/a/3870743/453277 — Tim M.
– Tim M., Commented Mar 6, 2013 at 0:55

RichieHindle · Accepted Answer · 2013-03-06 00:49:32Z

0

You should add a version number for each file - the caching mechanism doesn't care about how they're loaded, only what their URLs are.

answered Mar 6, 2013 at 0:49

RichieHindle

283k49 gold badges367 silver badges408 bronze badges

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

2 Comments

sasori Over a year ago

so you mean to say, i should leave the import.css file? only the files that are inside it should contain version number ?

RichieHindle Over a year ago

You should do every file, including import.css. Otherwise that will be cached, and when you come to add g.css at some time in the future, it won't be picked up.

Collectives™ on Stack Overflow

how to add version number to css if the css was imported?

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