.first全職是10 ，p span權值是2，為什么顯示后者內容？
.first全職是10 ，p span權值是2，為什么顯示后者內容？
bosssssssos
2016-07-01
6 回答
舉報
0/150
提交
取消
2016-07-01
span是繼承的父元素.first的顏色屬性，繼承的權值很低，可以認為只有0.1，p span權值是2，當然顯示后者內容。
底下注意里有講到：還有一個權值比較特殊--繼承也有權值但很低，有的文獻提出它只有0.1，所以可以理解為繼承的權值最低。
2016-07-12
p{color:red;}
/*權值為1,隱藏了span的繼承權值為0.1，作用對象：膽小如鼠
1.p作用對象為第一段和第二段*/
.first{color:green;}/*因為權值=10，顯示為綠色*/
1.作用對象是第一段
span{color:pink;}/*設置為粉色，作用對象：膽小如鼠，權值為1*/
現(xiàn)在探討結果：
第一段：1.span使用了兩種樣式，選擇權值大的，所以，膽小如鼠的顏色為綠色
? ? ? ? ? ? ?2. ?第一段使用了p{color:red;}和.first{color:green;}兩種樣式，選擇權值大的，所以文字顏色為綠色
第二段：使用p{color:red;}一種樣式，所以文字顏色為紅色
一開始我也很困惑，應該如何區(qū)分，但是，只要抓住了對于同一個（或一組）元素設置了不同的CSS樣式代碼，區(qū)別那個元素用了哪幾種樣式才是關鍵。這是我的理解。
2016-07-01
根據優(yōu)先級，p span是層疊，而沒有
2016-07-01
我覺得是要看針對的目標，.first針對的目標整個<p>，但是p span針對的只是<span>這一塊的，所以才會顯示p span中的樣式，如果.first和p span都針對<span>這一塊，那才會顯示.first的
2016-07-01
你看錯了，顯示的是權值高的內容，不會是權值低的
2016-07-01
就近原則吧。