這樣寫就一樣了：

.first?span,?#second?span{
????color:green;
}

代碼“.first,#second span{color:green}”

表示綠色設置作用于類選擇器下所有內容（含所有標簽包裹內容），還有id選擇器（#second）下所有的span標簽包裹的內容。把它分解成兩行代碼就是：（1）.first{color:green}（2）#second span{color:green}

而你寫的

（1）.first span{color:green}

（2）#second span{color:green}

第一行代碼(你應該忘記寫 " . " 符號,我已加上)的意思是綠色設置作用于類選擇器（.first）下所有span標簽

第二行代碼作用同上只是類選擇器變為了id選擇器

注意：>作用于元素的第一代后代，空格作用于元素的所有后代。一個是父子選擇器；一個是包含（后代）選擇器

第二行代碼中去掉span ,在first前面加上英文輸入法狀態下的 .? 符號。其實像第一行一樣分組就可以了，沒必要分開。?

第一個是因為class樣式選擇器是把第一段變為綠色，加一個#second span的意思是與此同時把第二段中被span標簽修飾的文字顏色也改為綠色，而第二個則是第一段 第二段中被span標簽 修飾的文字顏色改為綠色，意思不一樣結果自然不同