DOM TREE構造の理解

<h1>HELLO</h1>
<ul>
   <li>List 1</li>
   <li>List 2 <span>SPAN</span></li>
</ul>
<div class="wrap">
   <div class="box">BOX 1</div>
   <div class="box">BOX 2</div>
   <div class="box">BOX 3</div>
</div> 
<span>Have a good <em>Coding</em></span>

✏️
私の下にいるのは子供です.
私の下のすべての要素は子です.
私の真上にいるのは両親です.
私の上のすべては祖先です.
私の隣の人は兄弟たちです.

bodyのChildはいくつありますか?
:4(h1、ul、div.wrap、span)

ulは何個のChildがありますか?
:2個(li,li)

ulには何個のDecendent(子、子)がありますか?
:3個(li、li、span)

divタグの3番目のChild要素はいくつありますか?
:1個2個
(h1, ul, div.wrap) (div.box, div.box, div.box)

ulのSiblings(兄弟)は何人いますか?
:3(h1、div.wrap、span)

div:nth-child(3){color:red}はdivラベルが赤字であることを示しますか?
:1個2個
(第4題/dv.wrap,div.box)

body>span{color:blue}は、どのくらいのspanラベルが青いかを示しています.
:2個1個
(bodyの子span)