這個測試不太懂
標簽p是1，標簽span是1，p span是1+1，而.first是10為什么是紫色 我這哪里錯了啊
周曉舸
2017-03-29
2 回答
舉報
0/150
提交
取消
2017-03-29
以你的理解覺得“膽小如鼠”也應該顯示綠色，你對于權值理解有誤差，權值比較的是相同的東西，且有范圍之分，即p和.first指的是一樣的，所以誰權值高顯示誰。
你這樣看首先p{color:red;} p文本顯示紅色，之后.first{color:green;}（這里的p標簽和.first指的都是一樣內容，只不過.first是p的類名） 由于權值高顯示綠色（此時也包括span標簽內容），最后p span{color:purple;}此時注意它的權值是2，即這里的p標簽權值是2比.first小，所以p依舊顯示綠色，但是由于span是p的子元素，他在前面沒有定義過，此時定義了且權值為2，所以覆蓋了父類元素的顏色，顯示了紫色。
不信你把代碼這樣改
p span{color:red;}/*權值2*/
.first{color:green;}/*因為權值高顯示為綠色*/
span{color:purple;}/*權值1*/
最后“膽小如鼠”顯示紅色
2017-03-29
代碼呢？？