css選擇器問(wèn)題,元素名中間使用空格是啥意思?

class中的空格是為了給html標(biāo)簽同時(shí)賦予多個(gè)class類名。在使用類選擇器之前，需要修改具體的文檔標(biāo)記，以便類選擇器正常工作。為了將類選擇器的樣式與元素關(guān)聯(lián)，必須將 class 指定為一個(gè)適當(dāng)?shù)闹怠?/p>

創(chuàng)新互聯(lián)公司10多年企業(yè)網(wǎng)站制作服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及高端網(wǎng)站定制服務(wù),企業(yè)網(wǎng)站制作及推廣,對(duì)被動(dòng)防護(hù)網(wǎng)等多個(gè)行業(yè)擁有多年的網(wǎng)站營(yíng)銷經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。

CSS選擇器：就是指定CSS要作用的標(biāo)簽，那個(gè)標(biāo)簽的名稱就是選擇器。意為：選擇哪個(gè)容器。CSS的選擇器分為兩大類：基本選擇題和擴(kuò)展選擇器。

css中 用逗號(hào)隔開(kāi)表示兩個(gè)不同類的樣式類名用同一個(gè)樣式；空格隔開(kāi)表示從屬包含關(guān)系，是當(dāng)前的元素子元素；逗號(hào)隔開(kāi)表示并列關(guān)系，兩者之間沒(méi)有任何關(guān)系，可以使用同一個(gè)樣式。

css選擇元素時(shí)有沒(méi)有空格的區(qū)別，舉例如下：example .pp{ color： orange；} .example.pp2 { color： green；} 如上面的兩個(gè)定義一個(gè)是中間有空格，一個(gè)是中間沒(méi)空格。

空格 是后代選擇器的標(biāo)識(shí)。如 div p{ width：100px； } 類選擇器，設(shè)置的是同個(gè)類名(如name=“aClass”)的元素的樣式；后代選擇器，設(shè)置的是一個(gè)元素的某種后代的樣式。

如果兩個(gè)class之間以空格分隔，則兩個(gè)class之間是包含關(guān)系，或者說(shuō)前一個(gè)class是后一個(gè)class的父元素或者祖先元素（也可以說(shuō)后一個(gè)class是前一個(gè)class的子元素或后代元素），樣式將作用在后一個(gè)class上。

css樣式表空格與不空格的關(guān)系

1、不加空格表示元素同時(shí)包含這兩個(gè)類才會(huì)生效（同一級(jí)元素，多個(gè)命名）.con.b{ color： bule；} 一個(gè)class可以 寫(xiě)多個(gè)命名，（可以只調(diào)用其中一個(gè)命名來(lái)添加樣式）中間用空格隔開(kāi)。

2、如果兩個(gè)class之間以空格分隔，則兩個(gè)class之間是包含關(guān)系，或者說(shuō)前一個(gè)class是后一個(gè)class的父元素或者祖先元素（也可以說(shuō)后一個(gè)class是前一個(gè)class的子元素或后代元素），樣式將作用在后一個(gè)class上。

3、空格主要是為了區(qū)別不同的class類。如下示例：在這個(gè)示例中，第一個(gè)div會(huì)被解析為有one、two、tre這三個(gè)類，第二個(gè)div會(huì)被解析為只有onetwotre這一個(gè)類。

4、css選擇元素時(shí)有沒(méi)有空格的區(qū)別，舉例如下：example .pp{ color： orange；} .example.pp2 { color： green；} 如上面的兩個(gè)定義一個(gè)是中間有空格，一個(gè)是中間沒(méi)空格。

5、CSS代碼里要用半角的空格，才不會(huì)有影響。如下圖“float： left”之間用“半角空格”的。如下圖，“flost：　left”之間用了全角空格，CSS樣式就不起作用了。

CSS類別選擇器加不加空格有什么區(qū)別?

css選擇元素時(shí)有沒(méi)有空格的區(qū)別，舉例如下：example .pp{ color： orange；} .example.pp2 { color： green；} 如上面的兩個(gè)定義一個(gè)是中間有空格，一個(gè)是中間沒(méi)空格。

如果兩個(gè)class之間以空格分隔，則兩個(gè)class之間是包含關(guān)系，或者說(shuō)前一個(gè)class是后一個(gè)class的父元素或者祖先元素（也可以說(shuō)后一個(gè)class是前一個(gè)class的子元素或后代元素），樣式將作用在后一個(gè)class上。

class中的空格是為了給html標(biāo)簽同時(shí)賦予多個(gè)class類名。在使用類選擇器之前，需要修改具體的文檔標(biāo)記，以便類選擇器正常工作。為了將類選擇器的樣式與元素關(guān)聯(lián)，必須將 class 指定為一個(gè)適當(dāng)?shù)闹怠?/p>

只有在html中多個(gè)屬性的屬性名之間是用空格隔開(kāi)的，但是在css中，多個(gè)屬性的屬性名則是用“，”逗號(hào)隔開(kāi)的。

空格是后代選擇器，也就是兒子、孫子、重孫子……都是后代，都會(huì)被選中；+是離自己最近的弟弟選擇器，比如說(shuō)你在家里排行老三，那么老四就是這個(gè)選擇器選擇的對(duì)象，其他像老老五都不會(huì)被選中。