網(wǎng)站的原文代碼似乎寫的不太規(guī)范，p.first之間應(yīng)該有一個(gè)空格，應(yīng)該寫成p .first，剛開始我也百思不得其解，當(dāng)我在p和.first之間敲出一個(gè)空格時(shí)，“簡(jiǎn)單”倆字果然變成了綠色?。。?！看來應(yīng)該是網(wǎng)站代碼寫得不規(guī)范所致。

我來回答這個(gè)問題吧，首先指出題主的一個(gè)小錯(cuò)誤，p.first{}的權(quán)重為11，再來，第二行簡(jiǎn)單之所以不是綠色，是因?yàn)槠洳粚儆趐.first，而是屬于p span.first，如果想要其一開始為綠色，可以將第8行改為.first(對(duì)所有first類設(shè)置)，希望對(duì)你有幫助。

但沒有加!important 顯示也是紅色啊，我理解沒有加的話應(yīng)該顯示綠色才對(duì)

important優(yōu)先級(jí)樣式是個(gè)例外，權(quán)值高于用戶自己設(shè)置的樣式。

span 繼承了 p的樣式。

后面綴上了!important的css語句，讓瀏覽器首選執(zhí)行這個(gè)語句，因?yàn)閏ss有繼承的樣式，加上!importanrt可以覆蓋父級(jí)的樣式。