關于8-10章學完之后的疑惑
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>分組選擇符</title>
<style type="text/css">
h1,span{color:red;}
.first,#second span{color:green;}
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學期時，我們班上了一節公開課，老師提出了一個很<span>簡單</span>的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p>
? ? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >
</body>
</html>
8-10分組選擇符 我沒有按照他的要求刪除第七行的 ??h1,span{color:red;} ? 然后在它的下一行添加了 ?.first,#second span{color:green;} ? 按照前面講的就近原則 ? 膽小如鼠 ? 這幾個字不應該是后面設置的綠色嗎 ? 為什么運行起來還是紅色的 ?但是后面的 ? 簡單 ?顏色卻是綠色的
2017-07-11
因為在.first中設置為green，按道理應該是green整段,但是你沒有刪除h1,span{color:red;},這句話的意思是把span標簽里的設置為red,根據權值來講<p>里的<span>顯示為green的權值為0.1，而<span>中顯示red的權值為1，所以應該是紅色red，建議你看一下權值那一節。
2017-07-11
因為id選擇器的權值最大
2017-07-11
我記的方法是看前面的標簽<p id="second">中id對應前面的#，<p class="first">中class對應前面的“.first”.找它們在前面對應標簽后面的設置
2017-07-11
你沒發現第一段除了膽小如鼠都是綠色的嗎？如果按你那樣寫應該是.first span,#second span這樣就對了
2017-07-11
因為#second span{color:green;}這句指定了這個span設置只對second ID下的子組件中的span生效