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

有空格表示上下級(jí)關(guān)系或者說(shuō)父子關(guān)系，比如：

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),溪湖企業(yè)網(wǎng)站建設(shè),溪湖品牌網(wǎng)站建設(shè),網(wǎng)站定制,溪湖網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,溪湖網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

style

.a?.b?{

color:?red

}

/style

div?class="a"

div?class="b"

這里的文字是紅色

/div

/div

沒(méi)有空格則表示疊加關(guān)系，比如：

style

.a.b?{

color:?red

}

/style

div?class="a?b"

這里的文字是紅色

/div

CSS中class中的空格有什么意義？

class中的空格是為了給html標(biāo)簽同時(shí)賦予多個(gè)class類名。

在使用類選擇器之前，需要修改具體的文檔標(biāo)記，以便類選擇器正常工作。

為了將類選擇器的樣式與元素關(guān)聯(lián)，必須將?class?指定為一個(gè)適當(dāng)?shù)闹?。?qǐng)看下面的 HTML 代碼：

h1?class="important" This heading is very important. /h1 p class="important" This paragraph is very important. /p

在上面的代碼中，兩個(gè)元素的 class 都指定為 important：第一個(gè)標(biāo)題（ h1 元素），第二個(gè)段落（p 元素）。

擴(kuò)展資料：

例如：如果希望將一個(gè)特定的元素同時(shí)標(biāo)記為重要（important）和警告（warning），就可以寫作：p class="important warning" This paragraph is a very important warning. /p 這兩個(gè)詞的順序無(wú)關(guān)緊要，寫成 warning important 也可以。

假設(shè) class 為 important 的所有元素都是粗體，而 class 為 warning 的所有元素為斜體，class 中同時(shí)包含 important 和 warning 的所有元素還有一個(gè)銀色的背景 。

css white-space屬性詳解

css white-space這個(gè)css樣式，用來(lái)設(shè)置element元素對(duì)內(nèi)容中的空格的處理方式，有著幾個(gè)可選值：normal,

nowrap,

pre,

pre-wrap,

pre-line

沒(méi)有設(shè)置white-space屬性，則默認(rèn)為white-space:normal。normal表示合并空格，多個(gè)相鄰空格合并成一個(gè)空格，在源碼中的換行作為空格處理，只會(huì)根據(jù)容器的大小進(jìn)行自動(dòng)換行。

white-space:nowrap和normal一樣，也合并空格，但是不會(huì)根據(jù)容器大小換行，表示不換行。

效果如下：這個(gè)效果在頁(yè)面布局中使用很頻繁，尤其在移動(dòng)端布局中。

white-space:nowrap會(huì)導(dǎo)致文本不換行，經(jīng)常和overflow,text-overflow一起使用，如下：

效果如下：

white-space:pre的作用是保持源碼中的空格，有幾個(gè)空格算幾個(gè)空格顯示，同時(shí)換行只認(rèn)源碼中的換行和

標(biāo)簽。

white-space:pre-wrap的作用是保留空格，并且除了碰到源碼中的換行和

會(huì)換行外，還會(huì)自適應(yīng)容器的邊界進(jìn)行換行。

效果如下：

white-space:pre-wrap和white-space:pre的區(qū)別就是會(huì)自適應(yīng)容器的邊界進(jìn)行換行。

white-space兼容性

css樣式 逗號(hào)和空格的區(qū)別

css中 用逗號(hào)隔開表示兩個(gè)不同類的樣式類名用同一個(gè)樣式；

空格隔開表示從屬包含關(guān)系，是當(dāng)前的元素子元素；

逗號(hào)隔開表示并列關(guān)系，兩者之間沒(méi)有任何關(guān)系，可以使用同一個(gè)樣式。

比如下面的代碼示例：

div?class="content"

span?class="content-child"子內(nèi)容/span

內(nèi)容/div

div?class="conter"內(nèi)容2/div

style

.content?.content-child{

color:red;//空格隔開表示在類content下的類樣式.content-child的樣式被改變了

}

.content,conter{

color:#ffd014;//逗號(hào)表示在不同的類下，樣式都被改變。

}

/style

CSS代碼里面的空格有影響嗎？

1、CSS代碼里要用半角的空格，才不會(huì)有影響。如下圖“float: left”之間用“半角空格”的。

2、如下圖，“flost:　left”之間用了全角空格，CSS樣式就不起作用了。

CSS樣式名之間空格，無(wú)空格和大于號(hào)的區(qū)別

比如下面這段代碼:

div?class="aa?bb"

p?class="bb"

span?class="bb"/span

/p

/div

選擇器：.aa .bb

.aa和.bb間加上空格，是子選擇器，選擇.aa下含有.bb的子節(jié)點(diǎn)，子包括兒子節(jié)點(diǎn)、孫子節(jié)點(diǎn)，選擇出的內(nèi)容包括p.bb，span.bb;

選擇器: .aa.bb

.aa和.bb間無(wú)空格，是選擇同一個(gè)元素，只不過(guò)選擇器粒度更精細(xì)了些，選擇的元素既有.aa類，也有.bb類，選擇出的內(nèi)容為：div.bb

選擇器:.aa.bb

.aa和.bb間加上大于號(hào)，也是子選擇器，選擇.aa下含有.bb的子節(jié)點(diǎn)，子只包括兒子節(jié)點(diǎn)，選擇出的內(nèi)容為p.bb