既然后代选择器能实现子选择器的功能，为什么还需要子选择器那
<p>当我<span>还是一个<span>懵懂</span>的女孩</span>,胆小如鼠,不敢举手.</p>
如上,子选择器p>span表示选中"还是一个懵懂的女孩"
而后代选择器p span表示的是选中前者的同时,也选中了"懵懂"
如果你在选择器后面加上的是颜色字号等声明,从表现形式来看没区别
但是如果是边框样式声明(border:1px solid red;) 那就有明显的不同了
可能是因为教程里右边的代码提交后表现形式一样,所以你觉得没有区别吧.
后代选择器的写法就是把外层的标记写在前面，内层的标记写在后面，之间用空格分隔。当标记发生嵌套时，内层的标记就成为外层标记的后代。子选择器只对直接后代有影响的选择器，而对“孙子后代”以及多层后代不产生作用。 主要去别是后代选择器使用可以是各种选择器（标记选择器、类别选择器、ID选择器）都可以进行嵌套。而子选择器只作用在子类。 要注意浏览器兼容性：在IE6中，只支持后代选择器，不支持子选择器，而在IE7和FF中既支持后代选择器，又支持子选择器。
后代选择器实现的是满足标签里的所有文本的转变而子选择器择可以选择性的让部分文本进行转变。