Is the `div` with class `altfoo` an immediate child of the `div` with class `foo`? Why or why not? I am confused, does immediate child mean the same thing as a direct child?

```
<div class="foo">
  <!-- 1 -->
  <p></p>
   <!-- 2 -->
  <p></p>
  <div class="altfoo">
    <!-- 3 -->
    <p></p>
 </div>
</div>

```