title: Why do people use multiple ID selectors in CSS?
body: <p>Why do people do this in CSS:</p>
  
  <pre><code>#section #content h1
  {
     margin:0;
  }
  </code></pre>
  
  <p>When they can just do:</p>
  
  <pre><code>#content h1
  {
     margin:0;
  }
  </code></pre>
  
  <p>for code like this:</p>
  
  <pre><code>&lt;div id="section"&gt;
      &lt;div id="content"&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and get the same results (at least in IE7 - my target browser, unfortunately). Is it just for specificity in the code? Code clarity to declare what you are referring to? </p>