关于css后代选择器和子选择器的区别

后代选择器（h1 div）和子选择器（h1>p）用法基本没什么区别，唯一的区别是，后代选择器像下面例子这样作用于div是可以的：

<h1>
<div>后代选择器
</div>
</h1>

而子选择器像下面例子，通过h1>p是作用不到p元素的，因为这里的p属于h1子代的子代。

<h1>
<span>
<p>子选择器</p>
</span>
</h1>