#second span與span
使用.first,span{color:green;}時，第一段所有文字和第二段文字“簡單”變為綠色；
使用.first,#second span{color:green;},第一段（除了“膽小如鼠”四個字）所有文字和第二段文字“簡單”變為綠色。
qq_時光_91
2017-02-24
4 回答
舉報
0/150
提交
取消
2017-02-24
<p class="first>三年級時，我還是一個<span>膽小如鼠</span>的小女孩。</p> ,"膽小如鼠"四個字的在標簽span內，而標簽p的類選擇符first是無法作用于span標簽選擇符的，所以在使用.first,span{color:green;}，顯示的時這里設置的span的顏色，但是.first,#second span{color:green;},中只是對ID選擇符Second下面的span作用，但在第一段的firt，還是最開始的apan{color="red"}起作用
2017-03-24
并不認同最佳答案，首先標簽p類的選擇符first的確無法選擇span，但是span會從p中繼承color:green的屬性，這里之所以不是綠色的原因是特殊性的原因，《CSS權威指南》里面有提到如下的內容
如果使用 .first,#second span{color:green}這種寫法，此時第一段的<span>元素關于color有兩個聲明，第一個是繼承自.first的green，特殊性為0；第二個是h1,span{color：red；}特殊性是0,0,0,1，比較二者特殊性，自然是red更高，所以最后顯示為red
2017-02-24
而第二段里面也是第二個span離得近，所以第一個span設置的紅色被第二個span設置的綠色所覆蓋
2017-02-24
不清楚你想問什么，我猜是想問為什么兩者會有差異？我是這么理解的，你不理解的主要的點應該就是第一種情況里面span和first同時對顏色進行設置的時候誰起效果，因為span離“膽小如鼠”近，所以取紅色，而#second span只是針對第二段里面的“簡單”進行了顏色設置，并不影響“膽小如鼠”