title: The appropriate use of multiple stylesheets on one page
body: <p>I came across this primer on coding HTML: <a href="http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png" rel="nofollow noreferrer">http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png</a>.</p>
  
  <p>Among other things it recommends using <b>one stylesheet per page</b>. I have my CSS styles organized in different stylesheets:</p>
  
  <ul>
  <li>Global (for all pages)</li>
  <li>Forms (for all forms)</li>
  <li>Customers (for all pages related to customers)</li>
  <li>...and so on.</li>
  </ul>
  
  <p>If I have one stylesheet per page, wouldn't that lead to huge redundancy? Wouldn't I end up with tens or hundreds of stylesheets, many of which contain the same definitions?</p>
  
  <p>What are your opinions on this practice? What are your opinions on the primer?</p>
  
  <p>------UPDATE------</p>
  
  <p>I understand that saying 'one stylesheet per page' doesn't necessarily equate to having many stylesheets across the site, so here's a simple follow-up question.</p>
  
  <p>Based on your responses, is it appropriate to have one stylesheet that covers my entire site that may therefore include thousands of rows and hundreds/thousands of unused rows for a particular page it is loaded with? (My stylesheets are high on rows because I tend to put each style for a given class on a new row.)</p>