第一代子元素到底是指什么？
<style type="text/css">
.first>span{color:blue;}
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就<span>一直</span>沒有這個勇氣....
講解里說：子選擇器，即大于符號(>),用于選擇指定標簽元素的第一代子元素。我的問題是：為什么此時的兩個span的字體都是藍色的？難道不是只有第一個span的字才變成藍色嗎？請懂得人幫我解釋一下，感謝。
2017-03-16
.first>span{color:blue;}
中父親是first，兒子是span
? ? <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就<span>一直</span>沒有這個勇氣...
.這里面2個span都處在<p class="first">標簽內，他們是同級的，所以膽小如鼠和一直都會變成藍色
2017-03-16
.first>span{color:blue;},意為class名為first下的子元素span（膽小如鼠，一直）為藍色。
2017-03-16
因為兩個span 都在名為first 的class中 ? ，所以當你定義 .first>span {color:blue} ?; ?時 ? ?兩個都會顯示的顏色為 藍色?