第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

為什么第一段有span標(biāo)簽,第一段是綠色的,而第二段也有span標(biāo)簽,可是只有簡(jiǎn)單那兩個(gè)字變綠了?

o<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>分組選擇符</title>
<style type="text/css">
h1{color:red;}
.first,#second span{color:green;}
</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è)很<span>簡(jiǎn)單</span>的問題,班里很多同學(xué)都舉手了,甚至成績(jī)比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p>
??? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >
</body>
</html>

正在回答

10 回答

因?yàn)榈谝欢螢轭愡x擇器,全部被<p class="first">第一段文字</p>包含

第二段被id選擇器標(biāo)記 且只有簡(jiǎn)單二字才被id選擇器標(biāo)記

2 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕粉3686312 提問者

我覺得是ID選擇器標(biāo)記了整個(gè)第二段,第一段中的span標(biāo)簽也標(biāo)記了膽小如鼠,但是第一段都是綠的,我剛看別人的解釋是ID選擇器與span之間是空格,那就是說grenn這個(gè)屬性只能作用于這個(gè)ID標(biāo)簽的子代也就是第二段中的span標(biāo)簽。試著把空格換成,,第二段變綠了。
2016-07-21 回復(fù) 有任何疑惑可以回復(fù)我~
#2

慕粉3686312 提問者

非常感謝!
2016-07-21 回復(fù) 有任何疑惑可以回復(fù)我~

首先明白兩點(diǎn):

????????.first,#second span{color:green;}

????1.此句話首先是一個(gè)分組選擇符,我們的目的是為多個(gè)標(biāo)簽元素設(shè)置同一個(gè)樣式。

????????分別為這兩個(gè)標(biāo)簽元素設(shè)置同一個(gè)樣式:.first元素 ?和#second中的span元素。

2. 該例的分組選擇器由類選擇器和后代選擇器組成。

????????? ? .first{ color : green ;}---------普通的類選擇器

????????????#second ?span { color : green }------后代選擇器,為span的所有后代元素指定樣式。

????????????ps: ?所有選擇器(子選擇器、后代選擇器等)都是在類選擇器和ID選擇器的基礎(chǔ)上衍生而來的。

3 回復(fù) 有任何疑惑可以回復(fù)我~

ID就是指定的某個(gè)標(biāo)簽里的元素,而class是全部

0 回復(fù) 有任何疑惑可以回復(fù)我~

因?yàn)榈诙问荌D指定的<span>所以只有“簡(jiǎn)單”兩個(gè)字

0 回復(fù) 有任何疑惑可以回復(fù)我~

#second span{color:green;} ? 這里的color更接近與span ? ?所以那個(gè)更接近就顯示哪個(gè),遵循就近原則。我是這么理解的,不知道對(duì)不對(duì)。。。。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕粉3686312 提問者

那第一段中不是更接近啊,其實(shí)就是#second span{color:green;} 中間有一個(gè)空格,前面不是講過空格就只能作用于子代標(biāo)簽,所以,簡(jiǎn)單變綠了。應(yīng)該就是這樣理解了
2016-07-21 回復(fù) 有任何疑惑可以回復(fù)我~
#2

qq_甜心__03119590 回復(fù) 慕粉3686312 提問者

有道理!棒棒的!但我想的是如果第一段這樣寫 .first span{color:green;} 那第一段里也只有span標(biāo)簽里的是綠色了。也就是就近原則了,,
2016-07-21 回復(fù) 有任何疑惑可以回復(fù)我~

因?yàn)槎x的內(nèi)容不同, 第一段定義的first 是表示全段的,你看它在p標(biāo)簽里面,而second span只包含了簡(jiǎn)單二字

0 回復(fù) 有任何疑惑可以回復(fù)我~

因?yàn)樵诘谝欢未a里,first標(biāo)簽生效,所以全綠。

而在第二段代碼里,只有span標(biāo)簽生效,而second未生效。

要想第二段全綠,.first,#second span{color:green;},這行代碼seond后要加個(gè) , ? 逗號(hào) ?懂了嗎

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕粉3686312 提問者

因?yàn)樗麄冎g加了一個(gè)空格,所以只能作用于簡(jiǎn)單兒子
2016-07-21 回復(fù) 有任何疑惑可以回復(fù)我~

因?yàn)榈谝欢螢轭愡x擇器.first改變的顏色,而第二段是只有 id=second 下面的span 標(biāo)簽才改變的顏色。

0 回復(fù) 有任何疑惑可以回復(fù)我~

自己好好看看8-5的內(nèi)容,上面詳細(xì)寫了類和ID選擇器的區(qū)別,第一段用的是類選擇器,不規(guī)定次數(shù),所以整一段都可以變綠色,第二段是ID選擇器,只能使用一次。加在“簡(jiǎn)單”上所以只有簡(jiǎn)單變綠,你把<span>加在整段上就能全部變成綠色啦。

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕粉3686312 提問者

那我回去在溫習(xí)一下
2016-07-21 回復(fù) 有任何疑惑可以回復(fù)我~

#second span 選擇器的意思是說id為second 的所有span子元素,當(dāng)然只有簡(jiǎn)單兩個(gè)字變?yōu)榫G色了。

1 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

為什么第一段有span標(biāo)簽,第一段是綠色的,而第二段也有span標(biāo)簽,可是只有簡(jiǎn)單那兩個(gè)字變綠了?

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)