css - 使用 > 和无 CSS 之间的区别

Question

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

我真的不明白在 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>