css - 使用 > 和不使用 CSS 的区别

<分区>

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

我真的不明白在 CSS 中使用 > 和不使用之间的真正区别是什么。

HTML

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

CSS

p > h3{
    text-transform: uppercase;
}

p h3{
    text-transform: lowercase;
}

有人能给我解释一下吗？

谢谢。

最佳答案

p > h3 {} 仅引用段落的直接 h3 子元素

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

第一个在这个例子中不起作用:

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

关于css - 使用 > 和不使用 CSS 的区别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18931552/

相关文章：

python - 使用字符串列表构建嵌套字典