以你的理解覺得“膽小如鼠”也應(yīng)該顯示綠色，你對(duì)于權(quán)值理解有誤差，權(quán)值比較的是相同的東西，且有范圍之分，即p和.first指的是一樣的，所以誰(shuí)權(quán)值高顯示誰(shuí)。

你這樣看首先p{color:red;} p文本顯示紅色，之后.first{color:green;}（這里的p標(biāo)簽和.first指的都是一樣內(nèi)容，只不過(guò).first是p的類名） 由于權(quán)值高顯示綠色（此時(shí)也包括span標(biāo)簽內(nèi)容），最后p span{color:purple;}此時(shí)注意它的權(quán)值是2，即這里的p標(biāo)簽權(quán)值是2比.first小，所以p依舊顯示綠色，但是由于span是p的子元素，他在前面沒(méi)有定義過(guò)，此時(shí)定義了且權(quán)值為2，所以覆蓋了父類元素的顏色，顯示了紫色。

不信你把代碼這樣改

p span{color:red;}/*權(quán)值2*/

.first{color:green;}/*因?yàn)闄?quán)值高顯示為綠色*/

span{color:purple;}/*權(quán)值1*/

最后“膽小如鼠”顯示紅色