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

>は「すぐ下の要素」ではなくて「直下の階層にあるすべての要素」を指します。
2020年5月2日
ユーザー

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

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

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

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

ここを

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

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

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

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(10)