今回の動画において、sectionタブの直下のh1タブのみにCSSを適用させることはできたのですが、

前回の講義で行った横並びにした二つの写真の間に空白を入れるために、
cssで

.info ul  li {
  margin-right: 8px;
}

というコードを記載したと思います。

ここを

.info ul > li {
  margin-right: 8px;
}

とすることで、左側のブログサイト画像のマージンがつけられると思ったのですが、
確認すると写真サイトの画像にもマージンがついています。

ご回答よろしくお願いいたします。