CSS子选择器与后代选择器的区别

p > span{
    color:blue;
}


<p>
嵌套使用<span>css好牛逼！</span><span>是啊<b>也影响孙子</b></span>
</p>

这样会影响<p>标签里直系子元素<span>及<span>的子孙  “css好牛逼! 是啊也影响孙子” 会变蓝色，“也影响子孙”变蓝色是因为CSS继承

p > span{
    color:blue;
}


<p>
<em>嵌套使用<span>css好牛逼！</span><span>是啊<b>也影响孙子</b></span></em>
</p>

这样p标签里的span及其子孙是不受影响的，因为有隔代，不能隔代选择，子选择器必须直系

这时应该用后代选择器 p span { color: blue;}