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