For a site I currently use style.css and a bunch of other stylesheets, 960.css, etc., loaded like this:
<link rel="stylesheet" media="screen" href="css/style.css">
<link rel="stylesheet" media="only screen and (max-width: 960px)" href="css/960.css">
....
Now I am concerned about speed. I know I could combine the files into one big file, but that would mean downloading also irrelevant data.
So basically, my question is: What is a better approach, minimizing the amount of requests, or minimizing the amount of data passed to one user?