Specifying base url for css

Question

I had to split up a long css file. I put the smaller css files within a "styles" directory.

Now I have to update the the urls to go up one level with the "../" notation.

Is there anyway to specify the base url from which to load assets like with the base tag in html, but with CSS?

Answer 1

No, there isn't. I suggest to place the CSS images in at least the same level as the CSS file so that you don't need to go backwards in the path. E.g. /css folder for CSS files and /css/images folder for CSS images. Then you can consistently use url('images/name.ext') for CSS images. This way you can place the root /css folder practically everywhere without fiddling with the image URL's.