title: What is the difference between an immediate child and a direct child of an element
body: <p>Is the <code>div</code> with class <code>altfoo</code> an immediate child of the <code>div</code> with class <code>foo</code>? Why or why not? I am confused, does immediate child mean the same thing as a direct child?</p>
  
  <pre><code>&lt;div class="foo"&gt;
    &lt;!-- 1 --&gt;
    &lt;p&gt;&lt;/p&gt;
     &lt;!-- 2 --&gt;
    &lt;p&gt;&lt;/p&gt;
    &lt;div class="altfoo"&gt;
      &lt;!-- 3 --&gt;
      &lt;p&gt;&lt;/p&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>