為什么第一段有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>
2016-07-21
因?yàn)榈谝欢螢轭愡x擇器,全部被<p class="first">第一段文字</p>包含
第二段被id選擇器標(biāo)記 且只有簡(jiǎn)單二字才被id選擇器標(biāo)記
2016-07-30
首先明白兩點(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ǔ)上衍生而來的。
2016-07-21
ID就是指定的某個(gè)標(biāo)簽里的元素,而class是全部
2016-07-21
因?yàn)榈诙问荌D指定的<span>所以只有“簡(jiǎn)單”兩個(gè)字
2016-07-21
#second span{color:green;} ? 這里的color更接近與span ? ?所以那個(gè)更接近就顯示哪個(gè),遵循就近原則。我是這么理解的,不知道對(duì)不對(duì)。。。。
2016-07-21
因?yàn)槎x的內(nèi)容不同, 第一段定義的first 是表示全段的,你看它在p標(biāo)簽里面,而second span只包含了簡(jiǎn)單二字
2016-07-21
因?yàn)樵诘谝欢未a里,first標(biāo)簽生效,所以全綠。
而在第二段代碼里,只有span標(biāo)簽生效,而second未生效。
要想第二段全綠,.first,#second span{color:green;},這行代碼seond后要加個(gè) , ? 逗號(hào) ?懂了嗎
2016-07-21
因?yàn)榈谝欢螢轭愡x擇器.first改變的顏色,而第二段是只有 id=second 下面的span 標(biāo)簽才改變的顏色。
2016-07-21
自己好好看看8-5的內(nèi)容,上面詳細(xì)寫了類和ID選擇器的區(qū)別,第一段用的是類選擇器,不規(guī)定次數(shù),所以整一段都可以變綠色,第二段是ID選擇器,只能使用一次。加在“簡(jiǎn)單”上所以只有簡(jiǎn)單變綠,你把<span>加在整段上就能全部變成綠色啦。
2016-07-21
#second span 選擇器的意思是說id為second 的所有span子元素,當(dāng)然只有簡(jiǎn)單兩個(gè)字變?yōu)榫G色了。