<style type="text/css">
.first>span{color:blue;}
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就<span>一直</span>没有这个勇气....
讲解里说：子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。我的问题是：为什么此时的两个span的字体都是蓝色的？难道不是只有第一个span的字才变成蓝色吗？请懂得人帮我解释一下，感谢。
.first>span{color:blue;}
中父亲是first，儿子是span
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就<span>一直</span>没有这个勇气...
.这里面2个span都处在<p class="first">标签内，他们是同级的，所以胆小如鼠和一直都会变成蓝色
.first>span{color:blue;},意为class名为first下的子元素span（胆小如鼠，一直）为蓝色。
因为两个span 都在名为first 的class中 ，所以当你定义 .first>span {color:blue} ; 时 两个都会显示的颜色为 蓝色