<span>我还是一个</span>胆小如鼠<span>的小女孩</span>

<span>我还是一个胆小如鼠的小女孩</span>

<span>我还是一个<span>胆小如鼠</span>的小女孩</span>

测试一下就知道区别了。

这里加span是为了让你看到对比，你试试把“>”去掉换成空格！有“>”是指只选择 子级元素 ；去掉">"换成空格就相当于选择 子级 孙级里面的所有span元素

在这里是没有什么用，可以去掉。

便于设置样式，比如设置字体颜色：<span style="color:pink">胆小如鼠</span>或者用css样式设置 span{color:pink;}  需要设置的字要用<span></span>包裹 等等。加油！

<span>在CSS定义中属于一个行内元素，<span>文本</span>给文本设置属性，颜色，字体大小等，其本身没任何属性，

你看到下一节的时候就明白，在这里是多余的，我当时也有这个疑问。

子选择器>，是作用于直接后代，就是第一个span

如果是包含选择器 即空格就作用所有后代，即所有span。

<span>是一个没有实际结构意义的标签，使用它是因为想要单独设置这个词语的属性。

举个例子，<p>人生自古谁<span>无死</span></p>,如果想要对无死这个词语应用不同于整个<p>的样式，直接用<span>标签包裹，然后设置<span>即可。

<span>是行内元素 相对于块内元素的<div>  可以用来设置单独的样式

span是行标签，可用在块元素p内，不会换行或影响段落布局，这样标记以后，便于在head标签内对span内部的文字颜色、粗细、大小、倾斜等状态进行特别编辑

方便单独设置样式