                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

>作用范圍

為什么顯示時，第二個span內也變為紅色了

螭凃

2015-11-17

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

關注問題我要回答

902

操作

收起

3 回答

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

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

<p?class="first">三年級時，我還是一個
????<span>膽小如鼠</span>
????的小女孩，上課從來不敢回答老師
????<span>提出</span>
????的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。
</p>

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

收起回答

螭凃提問者

非常感謝！

2015-11-17 回復有任何疑惑可以回復我~

螭凃提問者

那么寫成下面這樣，兩個span里也都是第一代嗎？ 三年級時，我還是一個 膽小如鼠 的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。

2015-11-17 回復有任何疑惑可以回復我~

Perona 回復螭凃提問者

不是哦，第二個span元素屬于孫代了。這個第二個span元素會變成紅色，是因為繼承第一個span的顏色。可以把span元素設置為別的樣式。你就會發現“小如”變成別的顏色。代碼見下方。

2015-11-17 回復有任何疑惑可以回復我~

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">三年級時，我還是一個
<span>膽<span>小如</span>鼠</span>
的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
</body>
</html>

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

收起回答

螭凃提問者

完全明白了，謝謝！

2015-11-17 回復有任何疑惑可以回復我~

Perona 回復螭凃提問者

不客氣~~

2015-11-17 回復有任何疑惑可以回復我~