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


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


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


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

CSS如下：


五、class選擇符
其實(shí)id是對于XHTML標(biāo)簽的擴(kuò)展，而class是對SHTML多個標(biāo)簽的一種組合，class直譯的意思是類或類別。
對于XHTML標(biāo)簽使用class=""進(jìn)行名稱指派。與id不同，class可以重復(fù)使用，對于多個樣式相同的元素，可以直接定義為一個class。
使用class的優(yōu)點(diǎn)已不言自明，它對CSS代碼重用性有良好的體現(xiàn)，眾多的標(biāo)簽均可以使用一個樣式來定義而不需要每一個編寫一個樣式代碼。
XHTML如下：

CSS如下：


六、標(biāo)簽指定式的選擇符
假如想同時使用id和class，也想同時使用標(biāo)簽選擇符，可以使用如下的方式：
標(biāo)簽指定式選擇符的精度介于標(biāo)簽選擇符及id/class選擇符之間，是常用的選擇符之一。

七、組合選擇符
對于上面的所有選擇符而言，進(jìn)行組合使用。如下：


CSS選擇符是非常自由與靈活的，可以根據(jù)頁面的需要，使用各種選擇符，盡量結(jié)構(gòu)化與優(yōu)化CSS文件。

原文地址：http://www.zhaotila.cn/article.asp?id=75
轉(zhuǎn)載請注明出處！