                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

>作用范圍

為什么顯示時(shí)，第二個(gè)span內(nèi)也變?yōu)榧t色了

螭凃

2015-11-17

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 8-7

關(guān)注問(wèn)題我要回答

893

操作

收起

3 回答

Perona 回答被采納 +3 積分
2015-11-17

第二個(gè)span元素也是first類的子元素呀。好比說(shuō)一個(gè)人生了2個(gè)孩子，你不能說(shuō)第二個(gè)孩子不是他的第一代呀。這樣寫就容易看了，如：

<p?class="first">三年級(jí)時(shí)，我還是一個(gè)
????<span>膽小如鼠</span>
????的小女孩，上課從來(lái)不敢回答老師
????<span>提出</span>
????的問(wèn)題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。
</p>

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

收起回答

#1

螭凃提問(wèn)者

非常感謝！

2015-11-17 回復(fù) 有任何疑惑可以回復(fù)我~

#2

螭凃提問(wèn)者

那么寫成下面這樣，兩個(gè)span里也都是第一代嗎？ 三年級(jí)時(shí)，我還是一個(gè) 膽小如鼠 的小女孩，上課從來(lái)不敢回答老師提出的問(wèn)題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。

2015-11-17 回復(fù) 有任何疑惑可以回復(fù)我~

#3

Perona 回復(fù) 螭凃提問(wèn)者

不是哦，第二個(gè)span元素屬于孫代了。這個(gè)第二個(gè)span元素會(huì)變成紅色，是因?yàn)槔^承第一個(gè)span的顏色?？梢园裺pan元素設(shè)置為別的樣式。你就會(huì)發(fā)現(xiàn)“小如”變成別的顏色。代碼見(jiàn)下方。

2015-11-17 回復(fù) 有任何疑惑可以回復(fù)我~

Perona
2015-11-17

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>后代選擇器</title>
<style?type="text/css">
.first>span{color:red;}
span{color:blue;}
</style>
</head>
<body>
?<p?class="first">三年級(jí)時(shí)，我還是一個(gè)
<span>膽<span>小如</span>鼠</span>
的小女孩，上課從來(lái)不敢回答老師提出的問(wèn)題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。</p>
</body>
</html>

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

收起回答

#1

螭凃提問(wèn)者

完全明白了，謝謝！

2015-11-17 回復(fù) 有任何疑惑可以回復(fù)我~

#2

Perona 回復(fù) 螭凃提問(wèn)者

不客氣~~

2015-11-17 回復(fù) 有任何疑惑可以回復(fù)我~