title: How do I select elements within a #document in CSS?
body: <p>I'm trying to set the background-image of the outer <code>&lt;body&gt;</code> tag in CSS:</p>
  
  <pre><code>&lt;html&gt;
   &lt;body&gt;
    ...
     #document
      &lt;html&gt;
       &lt;body&gt;
       &lt;/body&gt;
      &lt;/html&gt;
    ...
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>
  However, I can't even seem to select one of the <code>&lt;body&gt;</code> tags without affecting the other. They have no IDs, and when I try selecting via child selectors that <code>#document</code> complicates things (I don't even know what it is). If I try something like <code>body html body {...}</code>, the <code>#document</code> acts like a barrier that I can't get past, so it doesn't select the inner body tag.</p>
  
  <p>Any ideas for how to select one of the body tags?</p>