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