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