使用＆gt;之间的区别没什么CSS

Question

嗯，这是一个非常简单的问题。

我真的无法理解使用＆gt;之间的真正区别是什么？ CSS中没有任何内容。

HTML

<p>
    Some text <h3>here</h3>
</p>

CSS

p > h3{
    text-transform: uppercase;
}

p h3{
    text-transform: lowercase;
}

有人可以解释一下吗？

谢谢。

Answer 1

p > h3 {}仅指段落的直接h3孩子

p h3{}指的是段落中的每个h3

第一个不适合这个例子：

<p>
    Some text <span><h3>here</h3></span>
</p>