calling multiple external css files at once to html page

Question

I was wondering how I can call multiple external css files at once instead of calling each individually. I want to do that to avoid the request number and minimize it to one per multiple external css files.

I tired the following, but didn't work!!

<link rel="stylesheet" href=" http://statics.mydomain.co/style.css,functionstyle.css,widgets.css,edges.css,options.css,tags.css" type="text/css">

I thought it is a lot easier than that!!

any idea what I'm missing here!!!

Answer 1

In order to do what you're doing, you are going to need some kind of server side script that combines.

Alternatively, just combine them all manually or use something like grunt to combine them all.