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

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么第一段有span標簽,第一段是綠色的,而第二段也有span標簽,可是只有簡單那兩個字變綠了?

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">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
??? <p id="second">到了三年級下學期時,我們班上了一節(jié)公開課,老師提出了一個很<span>簡單</span>的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p>
??? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >
</body>
</html>

正在回答

10 回答

因為第一段為類選擇器,全部被<p class="first">第一段文字</p>包含

第二段被id選擇器標記 且只有簡單二字才被id選擇器標記

2 回復 有任何疑惑可以回復我~
#1

慕粉3686312 提問者

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

慕粉3686312 提問者

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

首先明白兩點:

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

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

????????分別為這兩個標簽元素設置同一個樣式:.first元素 ?和#second中的span元素。

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

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

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

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

3 回復 有任何疑惑可以回復我~

ID就是指定的某個標簽里的元素,而class是全部

0 回復 有任何疑惑可以回復我~

因為第二段是ID指定的<span>所以只有“簡單”兩個字

0 回復 有任何疑惑可以回復我~

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

0 回復 有任何疑惑可以回復我~
#1

慕粉3686312 提問者

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

qq_甜心__03119590 回復 慕粉3686312 提問者

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

因為定義的內(nèi)容不同, 第一段定義的first 是表示全段的,你看它在p標簽里面,而second span只包含了簡單二字

0 回復 有任何疑惑可以回復我~

因為在第一段代碼里,first標簽生效,所以全綠。

而在第二段代碼里,只有span標簽生效,而second未生效。

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

0 回復 有任何疑惑可以回復我~
#1

慕粉3686312 提問者

因為他們之間加了一個空格,所以只能作用于簡單兒子
2016-07-21 回復 有任何疑惑可以回復我~

因為第一段為類選擇器.first改變的顏色,而第二段是只有 id=second 下面的span 標簽才改變的顏色。

0 回復 有任何疑惑可以回復我~

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

1 回復 有任何疑惑可以回復我~
#1

慕粉3686312 提問者

那我回去在溫習一下
2016-07-21 回復 有任何疑惑可以回復我~

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

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

為什么第一段有span標簽,第一段是綠色的,而第二段也有span標簽,可是只有簡單那兩個字變綠了?

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號