為什么第一段有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>
2016-07-21
因為第一段為類選擇器,全部被<p class="first">第一段文字</p>包含
第二段被id選擇器標記 且只有簡單二字才被id選擇器標記
2016-07-30
首先明白兩點:
????????.first,#second span{color:green;}
????1.此句話首先是一個分組選擇符,我們的目的是為多個標簽元素設置同一個樣式。
????????分別為這兩個標簽元素設置同一個樣式:.first元素 ?和#second中的span元素。
2. 該例的分組選擇器由類選擇器和后代選擇器組成。
????????? ? .first{ color : green ;}---------普通的類選擇器
????????????#second ?span { color : green }------后代選擇器,為span的所有后代元素指定樣式。
????????????ps: ?所有選擇器(子選擇器、后代選擇器等)都是在類選擇器和ID選擇器的基礎上衍生而來的。
2016-07-21
ID就是指定的某個標簽里的元素,而class是全部
2016-07-21
因為第二段是ID指定的<span>所以只有“簡單”兩個字
2016-07-21
#second span{color:green;} ? 這里的color更接近與span ? ?所以那個更接近就顯示哪個,遵循就近原則。我是這么理解的,不知道對不對。。。。
2016-07-21
因為定義的內(nèi)容不同, 第一段定義的first 是表示全段的,你看它在p標簽里面,而second span只包含了簡單二字
2016-07-21
因為在第一段代碼里,first標簽生效,所以全綠。
而在第二段代碼里,只有span標簽生效,而second未生效。
要想第二段全綠,.first,#second span{color:green;},這行代碼seond后要加個 , ? 逗號 ?懂了嗎
2016-07-21
因為第一段為類選擇器.first改變的顏色,而第二段是只有 id=second 下面的span 標簽才改變的顏色。
2016-07-21
自己好好看看8-5的內(nèi)容,上面詳細寫了類和ID選擇器的區(qū)別,第一段用的是類選擇器,不規(guī)定次數(shù),所以整一段都可以變綠色,第二段是ID選擇器,只能使用一次。加在“簡單”上所以只有簡單變綠,你把<span>加在整段上就能全部變成綠色啦。
2016-07-21
#second span 選擇器的意思是說id為second 的所有span子元素,當然只有簡單兩個字變?yōu)榫G色了。