css中element element和element>element选择器的区别

就是这样的选择器：

比如html中有这样一段布局：

<div>
<p>我是一个段落</p>
</div>

这时你用div p{background:yellow;}和div>p{background:yellow;}效果一样。

如果是这样一段布局:

<div>
<span><p>我是一个段落</p></span>
</div>

要用div p{....},而div>p{...}不会有效果，就如w3c的教程所说，这时，p的父元素不是div。