セレクタでの「>」の使い方を教えて下さい

2020年5月2日
ユーザー

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

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

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

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

ここを

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

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

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

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?