title: Concatenate multiple CSS files into one
body: <p>What is the best way to concatenate multiple CSS files into one CSS file?</p>
  
  <p>I want to reduce the following ..</p>
  
  <pre><code>&lt;link href="css/1.css" rel="stylesheet" type="text/css" media="all"&gt;
  &lt;link href="css/2.css" rel="stylesheet" type="text/css" media="all"&gt;
  &lt;link href="css/3.css" rel="stylesheet" type="text/css" media="all"&gt;
  </code></pre>
  
  <p>.. into ..</p>
  
  <pre><code>&lt;link href="css/1-3.css" rel="stylesheet" type="text/css" media="all"&gt;
  </code></pre>
  
  <p>Simply doing <code>cat css/*.css &gt; css/1-3.css</code> does not seem to do the trick.</p>