#second span與span
使用.first,span{color:green;}時(shí),第一段所有文字和第二段文字“簡(jiǎn)單”變?yōu)榫G色;
使用.first,#second span{color:green;},第一段(除了“膽小如鼠”四個(gè)字)所有文字和第二段文字“簡(jiǎn)單”變?yōu)榫G色。
使用.first,span{color:green;}時(shí),第一段所有文字和第二段文字“簡(jiǎn)單”變?yōu)榫G色;
使用.first,#second span{color:green;},第一段(除了“膽小如鼠”四個(gè)字)所有文字和第二段文字“簡(jiǎn)單”變?yōu)榫G色。
舉報(bào)
2017-02-24
<p class="first>三年級(jí)時(shí),我還是一個(gè)<span>膽小如鼠</span>的小女孩。</p> ,"膽小如鼠"四個(gè)字的在標(biāo)簽span內(nèi),而標(biāo)簽p的類選擇符first是無(wú)法作用于span標(biāo)簽選擇符的,所以在使用.first,span{color:green;},顯示的時(shí)這里設(shè)置的span的顏色,但是.first,#second span{color:green;},中只是對(duì)ID選擇符Second下面的span作用,但在第一段的firt,還是最開(kāi)始的apan{color="red"}起作用
2017-03-24
并不認(rèn)同最佳答案,首先標(biāo)簽p類的選擇符first的確無(wú)法選擇span,但是span會(huì)從p中繼承color:green的屬性,這里之所以不是綠色的原因是特殊性的原因,《CSS權(quán)威指南》里面有提到如下的內(nèi)容
如果使用 .first,#second span{color:green}這種寫法,此時(shí)第一段的<span>元素關(guān)于color有兩個(gè)聲明,第一個(gè)是繼承自.first的green,特殊性為0;第二個(gè)是h1,span{color:red;}特殊性是0,0,0,1,比較二者特殊性,自然是red更高,所以最后顯示為red
2017-02-24
而第二段里面也是第二個(gè)span離得近,所以第一個(gè)span設(shè)置的紅色被第二個(gè)span設(shè)置的綠色所覆蓋
2017-02-24
不清楚你想問(wèn)什么,我猜是想問(wèn)為什么兩者會(huì)有差異?我是這么理解的,你不理解的主要的點(diǎn)應(yīng)該就是第一種情況里面span和first同時(shí)對(duì)顏色進(jìn)行設(shè)置的時(shí)候誰(shuí)起效果,因?yàn)閟pan離“膽小如鼠”近,所以取紅色,而#second span只是針對(duì)第二段里面的“簡(jiǎn)單”進(jìn)行了顏色設(shè)置,并不影響“膽小如鼠”