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