權(quán)值是層疊樣式的優(yōu)先級以下再算的，也就是說優(yōu)先滿足層疊樣式，如果層疊樣式的優(yōu)先級相同，再比較權(quán)值。

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

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

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

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

優(yōu)先級：內(nèi)聯(lián)樣式 > ID選擇器 > 類選擇器 > 標(biāo)簽選擇器 > 通用選擇器 > 繼承樣式 > 瀏覽器默認樣式，

所以這個問題的優(yōu)先級應(yīng)該是：.first（類） >?p span （標(biāo)簽加權(quán)） > span（標(biāo)簽） > p（繼承），

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

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

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