為什么span也會顯示粉紅色呢？他不是該繼承.first{color:green;}里面的顏色嗎？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>特殊性</title>
<style type="text/css">
p{color:red;}
.first{color:green;}/*因為權值高顯示為綠色*/
span{color:pink;}/*設置為粉色*/
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學期時，我們班上了一節公開課，老師提出了一個很簡單的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p>
</body>
</html>
2016-03-09
因為span是內聯元素，內聯元素的權重大于標簽和類
2016-03-09
對同一個標簽里的內容設置css樣式時，會比較權值來確定哪一個樣式被應用于此內容，比如p和.first，無論這兩個放在何處都是類的權值高;但對子元素會使用層疊的方式來覆蓋樣式，當然如果是span和p span當然會較兩個的權值，p span權值要比span高
2016-03-09
css雖然有繼承性，但也有特殊性，在特殊性那一節中，
p{color:red;}
.first{color:green;}
文本顯示的是綠色，同理
.first{color:green;}span{color:pink;} /*span等價于.first span*/
文本顯示的是粉色，應該是誰離目標元素最近，就用誰的
2016-03-09
span是p和first的子級，子級優先也就是繼承的權值最低，所以以span修飾的顏色為優先，span給了粉色，顯示就為粉色了
2016-03-09
你可以這樣理解：span屬于.first。所以span是.first span。
關于這個隸屬問題，我是認為誰描述的清楚，就聽誰的。。。。
2016-03-09
那為什么p標簽顯示red， .first｛color:green;｝會顯示.first內的顏色呢，也應該是標簽權重高啊。你能否換種解釋能讓我聽懂呢謝謝
2016-03-09
注意：還有一個權值比較特殊--繼承也有權值但很低，有的文獻提出它只有0.1，所以可以理解為繼承的權值最低。
標簽權值為1；所以為粉色
2016-03-09
因為span{color:pink;}和.first{color:green;}是同個級別權值 都高于p{color:red;}
2016-03-09
一樓正解
2016-03-09
樓上正解