分組選擇符
.first,#second span{
??? color:green;
}
</style>
</head>
<body>
??? <h1>勇氣</h1>
??? <p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
??? <p id="second">到了三年級下學期時,我們班上了一節(jié)公開課,老師提出了一個很<span>簡單</span>的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p>
為什么第一段全變綠了?第二段只有span中的變了。
2016-10-26
第一段.first用的是類選擇器,選擇的是整個類;而第二段的#second span用的是id選擇器和后代選擇器(其混合選擇器:選擇器的組合使用),意為選擇id=second中的后代元素span。
2016-10-26
這樣說吧,如果這樣寫.first,#second{
??? color:green;
}那么就兩個段落全變?yōu)榫G色了,明白了嗎?
2016-10-26
看來深夜加班的還真不少!加油!說明你子選擇器還沒弄太明白,second span只作用于ID為second內的子元素span,所以只有span元素內的內容變?yōu)榫G色了!
2016-10-26
.first是類選擇器作用于整段;#second span是后代選擇器,作用于子后代元素,第二段中second id選擇器的后代元素只有span所以只有span顏色變綠