幫我看下大改特改的代碼，主要是關(guān)于class和id
我設(shè)置了四個(gè)段落，1,2,3,4，又用了class和id，運(yùn)行出來(lái)的段落顏色只有第一段綠色，其他三個(gè)段落都是藍(lán)色,歸納總結(jié)下，謝謝啦
還有一個(gè)問(wèn)題就是 4個(gè)span我都給了顏色，第四個(gè)沒(méi)有變，這里面有什么關(guān)系嗎，是我還沒(méi)學(xué)到，還是哪章節(jié)理解錯(cuò)了呢
讓老夫瞅瞅
2016-12-31
3 回答
舉報(bào)
0/150
提交
取消
2016-12-31
你的代碼基本上都是對(duì)的，但是有一點(diǎn)點(diǎn)瑕疵。第一段，因?yàn)槟阌昧祟?lèi)first，字體變成綠色，但是span沒(méi)有繼承類(lèi)first，而是使用它自己的屬性，所以span是紅色；第二段，因?yàn)槟阃瑫r(shí)存在類(lèi)second和ID 的second，所以，ID的second覆蓋了second，使其失效，相當(dāng)于這段代碼是沒(méi)寫(xiě)一樣，不然的話你的第二段文字應(yīng)該是粉色，但是被覆蓋之后，而ID的second又沒(méi)有定義P，所以還是段落依照本來(lái)的P執(zhí)行藍(lán)色，而span這是根據(jù)ID的second執(zhí)行綠色；第三段的span是有ID的three，所以是黃色，p則是依照p定義執(zhí)行藍(lán)色；第四段因?yàn)槟愕腎D寫(xiě)成了CLASS，所以沒(méi)有體現(xiàn)ID的效果，改過(guò)來(lái)之后，span變成黑色，而p則是依舊執(zhí)行藍(lán)色。
<!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;} #third?span{color:yellow;} p{color:blue;} .second{color:pink;} #fourth>span{color:black;} </style> </head> <body> ????<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ī)比我差很多的，也舉手了，</p> ????<p?id="third">還說(shuō)著："<span>我來(lái)，我來(lái)。</span>"我環(huán)顧了四周，</p> ????<p?id="fourth">就我<span>沒(méi)有</span>舉手。</p> ????<img?src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg"?> </body> </html>2016-12-31
<!DOCTYPE HTML>
<html>
<head>
<!--
作者：wan05@126.com
時(shí)間：2016-12-31
描述：沒(méi)太明白您要表達(dá)的意思,我理解著你估計(jì)是要:把"勇氣"變紅色,段落內(nèi)是綠色,四個(gè)span分別是不同顏色嗎?
-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>分組選擇符</title>
<style type="text/css">
h1{color:red;}
p{color:green;}
.first span{color:blue;}
#third span{color:yellow;}
#second span{color:pink;}
#fourth span{color:black;}
</style>
</head>
<body>
? ? <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ī)比我差很多的，也舉手了，</p>
? ? <p id="third">還說(shuō)著："<span>我來(lái)，我來(lái)。</span>"我環(huán)顧了四周，</p>
? ? <p id="fourth">就我<span>沒(méi)有</span>舉手。</p>
? ? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >
</body>
</html>
2016-12-31
<p class="fourth">就我<span>沒(méi)有</span>舉手。</p>把class改為id
#號(hào)用id????? .號(hào)用class