<span>我還是一個(gè)</span>膽小如鼠<span>的小女孩</span>

<span>我還是一個(gè)膽小如鼠的小女孩</span>

<span>我還是一個(gè)<span>膽小如鼠</span>的小女孩</span>

測(cè)試一下就知道區(qū)別了。

這里加span是為了讓你看到對(duì)比，你試試把“>”去掉換成空格！有“>”是指只選擇 子級(jí)元素 ；去掉">"換成空格就相當(dāng)于選擇 子級(jí) 孫級(jí)里面的所有span元素

在這里是沒(méi)有什么用，可以去掉。

便于設(shè)置樣式，比如設(shè)置字體顏色：<span style="color:pink">膽小如鼠</span>或者用css樣式設(shè)置 span{color:pink;}? 需要設(shè)置的字要用<span></span>包裹 等等。加油！

<span>在CSS定義中屬于一個(gè)行內(nèi)元素，<span>文本</span>給文本設(shè)置屬性，顏色，字體大小等，其本身沒(méi)任何屬性，

你看到下一節(jié)的時(shí)候就明白，在這里是多余的，我當(dāng)時(shí)也有這個(gè)疑問(wèn)。

子選擇器>，是作用于直接后代，就是第一個(gè)span

如果是包含選擇器 即空格就作用所有后代，即所有span。

<span>是一個(gè)沒(méi)有實(shí)際結(jié)構(gòu)意義的標(biāo)簽，使用它是因?yàn)橄胍獑为?dú)設(shè)置這個(gè)詞語(yǔ)的屬性。

舉個(gè)例子，<p>人生自古誰(shuí)<span>無(wú)死</span></p>,如果想要對(duì)無(wú)死這個(gè)詞語(yǔ)應(yīng)用不同于整個(gè)<p>的樣式，直接用<span>標(biāo)簽包裹，然后設(shè)置<span>即可。

<span>是行內(nèi)元素 相對(duì)于塊內(nèi)元素的<div> ?可以用來(lái)設(shè)置單獨(dú)的樣式

span是行標(biāo)簽，可用在塊元素p內(nèi)，不會(huì)換行或影響段落布局，這樣標(biāo)記以后，便于在head標(biāo)簽內(nèi)對(duì)span內(nèi)部的文字顏色、粗細(xì)、大小、傾斜等狀態(tài)進(jìn)行特別編輯

方便單獨(dú)設(shè)置樣式