CSS權值
<body>
<style type="text/css">
h1,span{color:red;}
.first,#second span{color:green;}
</style>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學期時，我們班上了一節公開課，老師提出了一個很<span>簡單</span>的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p>
? ? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >
</body>
按理說 .first ?的 權值 要高于 span ，可為什么 ??<p class="first">三年級時，我還是一個<span>膽小如鼠</span> 這里還是紅色red，而不是綠色green呢？
2016-01-27
問題應該出在分組選擇符?.first,#second span 上面，對于分組選擇符合，需要先拆分為兩個.first{ }和#second span｛｝去計算權值。你看.first{ color:green;}運行后，里面的span后代標簽繼承了.first的樣式，所以算為繼承的權值0.1，同理，上面h1,span{color:red;}拆分為兩個標簽去計算權值是span{color:red;}是1；1>0.1,所以顯示紅
2016-01-27
9-2節：注意部分：還有一個權值比較特殊--繼承也有權值但很低，有的文獻提出它只有0.1，所以可以理解為繼承的權值最低。設置為綠色是設置的p標簽，span屬于繼承，所以權值不是你理解的10而應該是0.1，所以不會變為綠色啦。
2016-01-27
我也看了，也搞不懂