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