title: CSS Best Practices for Large Scale Web Site
body: <p>So far, my experience in web design has been with very small scale sites and blogs (where there isn't much diversity in page styling). However, I am now beginning to tackle some significantly larger scale web sites and I want to start off on the right foot by creating a scalable and maintainable css file / structure.</p>
  
  <p>Currently, my method for applying styles to web pages is to give every web page a distinct ID in the body, and then when I'm designing a page my css rule will look like this: </p>
  
  <pre><code>body#news section .top { rules }
  </code></pre>
  
  <p>Surely there is a more maintainable approach to applying CSS for a large-scale web site?</p>