不刪除第一行為什么第一段的膽小如鼠是紅色的？ 不是應該按照第二行就近原則變綠色嗎？
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>
2016-09-23
我猜應該是權值的問題。.first的權值沒有h1,span{color:red;}的權值高。
2016-09-11
h1,span{color:red;} 是h1標簽和span標簽為紅色。
.first,#second span{color:green;}表示類first和唯一id second 下的span為綠色。
但是拆分來說?
h1紅色?
span紅色?
.first綠色?
#second span綠色
第一段符合 span雖然在.first.里面 但.first段落為綠色，里面span是從新給膽小如鼠添加的是紅色。
2016-09-11
單獨看：
h1,span{color:red;}表示所有<span></span>里面的內容都是紅色，
first,#second span{color:green;}表示.first里面的除<span>內容</span>以外都是綠色，#second span里面的內容也為綠色
綜合看：
由于css里面的層疊性，#second span里面的綠色覆蓋了h1,span的紅色，而first span里面內容的顏色未被覆蓋，所以仍為紅色
2016-09-11
CSS中第一行所設置的是“勇氣”和所有的span標簽為紅色，第二行設置的是第二段中的span標簽“簡單”為綠色；這時候第一行中的膽小如鼠不受第二行影響；
2016-09-11
.first,#second span{color:green;}這段定義的是“#second span”的顏色也就是“簡單”，而h1,span{color:red;}里面的span定義的才是“膽小如鼠”