權值是層疊樣式的優先級以下再算的，也就是說優先滿足層疊樣式，如果層疊樣式的優先級相同，再比較權值。

比較的是兩種樣式下，span標簽的權重值，p span{color:purple;}權重為1+1=2;? 而.first{color:green;}于p標簽的權重確實為10，但是此時span是繼承的權重，僅為0.1，所以0.1要小于2，故顯示為紫色。提問中，比較對象錯了

第一繼承了red被green干掉，繼承了green后又被pink干掉（pink無繼承），pink又被干掉，從red到purple內聯值越來越高所以最后是顯示綠的的是被繼承+權重，紫色的是繼承權重+內聯級別越來越高所得出來的。

意思就是span是繼承來的,是只有0.1? 他的綠色權值只有0.1 所以你看到span{color:pink;}是把綠色干掉了,變成了粉色. 權值10類定義的綠色是指p標簽里面的,最后兩個標簽定義的紫色權值是2,所以把span定義權值1的粉色給干掉了.

樓上回答的都是啥啊，沒看清問題嗎

優先級：內聯樣式 > ID選擇器 > 類選擇器 > 標簽選擇器 > 通用選擇器 > 繼承樣式 > 瀏覽器默認樣式，

所以這個問題的優先級應該是：.first（類） >?p span （標簽加權） > span（標簽） > p（繼承），

你這顯示紫色我覺得大概是你在 span 元素上沒加 first 這個 class，或者你加到 p 標簽上了，這樣它就是一個繼承樣式。

我估計span綠色屬性是繼承得來的，權值只有0.1。

層疊性應該大于權值性。你上面的代碼不僅紫色會蓋住綠色，，粉色都會蓋住綠色。。然而綠色的權值是最高的。