#first,span{color:yellow;} <span>膽小如鼠</span>未變色,為什么?
<p id="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
#first,span{color:yellow;} ?除了膽小如鼠,其余為黃色;
#first span{color:yellow;} ?膽小如鼠為黃色,其余未改變顏色;
2016-07-27
#first,span{color:yellow;} 意思是 #first 和 span 標簽內的顏色均為黃色。而且#first的權值為100大于span的權值1,
故全段均為黃色。#first span{color:yellow;}意思是#first 標簽內的 span 標簽的內容為黃色,所以只有膽小如鼠為黃色。
2016-07-27
,為并列選擇,也就是說#first和span都為黃色,看到的效果是#first全段黃色
空格為后代選擇,即只有span變色
2016-07-27
如果你代碼格式沒寫錯的話
#first,span{color:yellow;} ?全是黃色(#first和span之間用“,”隔開意思是后面寫的樣式在這2個選擇器上全起作用了,所以正常應該是全部變成黃色字體)
#first span{color:yellow;} ?膽小如鼠為黃色,其余未改變顏色;(#first和span之間用“ 空格 ”隔開意思是選擇id為first的標簽里面的span標簽;在例子中就是選擇<span>膽小如鼠</span>。所以只有膽小如鼠變色)
還有什么不懂得可以直接回復問我
2016-07-27
#first,span{color:yellow;} 這個效果是全段均為黃色嘛;即使只有#first{}也是全段黃色。
#first span{color:yellow;}這個效果就是“膽小如鼠”變為黃色,因為這是后代選擇器,應用于id為first內的所有span。