動画内で ul の兄弟要素として、3 番目のリストと 2 番目の <p>こんにちは<p> が赤くなりますが、p は ul と同じ階層に並んでいる事は理解できます。

でも <li>項目<li> の 3 番目が赤くなるのは理解できません。

ul の兄弟要素は p のこんにちは 2 つで、li は ul の子要素で、li 同士は全て兄弟要素と考えています。

ul の中に li があるのに、どうして子要素ではなくて兄弟要素になるのか教えてください。

子結合子と子孫結合子、隣接兄弟結合子の動画を何度見返しても分かりません。