為什么這里會的[膽小如鼠]顯示紫色
<style type="text/css">
p{color:red;}
span{color:purple;}/*設(shè)置為粉色*/
.first{color:green;}/*因為權(quán)值高顯示為綠色*/
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
根據(jù)權(quán)值計算.first的權(quán)值是10 ?span的僅為1，為什么這種情況下p中的span還是顯示紫色
2016-03-04
.first 是繼承p 所以權(quán)值為0.1 ?但相對于p來說.first權(quán)值較高 p span 權(quán)值為2 高于前面權(quán)值
2016-03-04
注意：還有一個權(quán)值比較特殊--繼承也有權(quán)值但很低，有的文獻提出它只有0.1，所以可以理解為繼承的權(quán)值最低。
span是p.first的子元素，設(shè)置p.first的css作用在其子元素span上的權(quán)值只有0.1，而span是直接的標(biāo)簽選擇器，它的權(quán)值為1，而 1 > 0.1，所以span{color：purple}有效，顯示的是紫色