這篇文章主要講解了“CSS選擇符的使用技巧”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“CSS選擇符的使用技巧”吧！

10年積累的網(wǎng)站建設(shè)、網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有東光免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

CSS選擇符說明

這里介紹CSS的幾個(gè)選擇符，主要包括類型選擇符、群組選擇符、包含選擇符、id選擇符、class選擇符、標(biāo)簽指定式的選擇符、組合選擇符，下面對(duì)這些選擇符一一做介紹：

一、類型選擇符

什么是類型選擇符？指以網(wǎng)頁中已有的標(biāo)簽類型作為名稱的行徑符。body是網(wǎng)頁中的一個(gè)標(biāo)簽類型，div,p,span都是。
如下：

body{}

div{}

p{}

span{}

二、群組選擇符

對(duì)于XHMTL對(duì)象，可以對(duì)一組同時(shí)進(jìn)行了相同的樣式指派。用逗號(hào)對(duì)選擇符進(jìn)行了分隔，這樣書寫的優(yōu)點(diǎn)在于同樣的樣式只需要書寫一次即可，減少代碼量，改善CSS代碼結(jié)構(gòu)。
使用時(shí)應(yīng)該注意"逗號(hào)"是在半角模式下，并非中文全角模式。
如下：

h2,h3,h7,p,span  {  font-size:12px;  color:#FF0000;  font-family:arial;  }

三、包含選擇符

對(duì)某對(duì)象中的子對(duì)象進(jìn)行樣式指點(diǎn)定，這樣CSS選擇符選擇方式就發(fā)揮了作用。需要注意的是，僅對(duì)此對(duì)象的子對(duì)象標(biāo)簽有效，對(duì)于其它單獨(dú)存在或位于此對(duì)象以外的子對(duì)象，不應(yīng)用此樣式設(shè)置。
這樣做的優(yōu)點(diǎn)在于，幫我們避免過多的id、class設(shè)置，直接對(duì)所需的元素進(jìn)行定義。
如下：

h3span  {  color:red;  }  如下：  bodyh2spanstrong  {  font-weight:bold;  }

四、id選擇符

根據(jù)DOM文檔對(duì)象模型原理所出現(xiàn)的選擇符，對(duì)于一個(gè)XHTML文件，其中的每一個(gè)標(biāo)簽都可以使用一個(gè)id=""的形式進(jìn)行一個(gè)名稱指派，但需要注意，在一個(gè)XHTML文件中id是具有***性而不可以重復(fù)的。
在divcss布局的網(wǎng)頁中，可以針對(duì)不同的用途進(jìn)行命名，如頭部為header、底部為footer。
XHTML如下：