在層疊樣式表（CSS）101系列的前面部分，我們討論了如何處理一個(gè)元素的多個(gè)規(guī)則。本文討論另一個(gè)重要的CSS特征：選擇器，它可以用來(lái)在一個(gè)頁(yè)面內(nèi)選擇元素風(fēng)格化Web頁(yè)。

選擇器類型

CSS樣式有多種方式實(shí)現(xiàn)元素選擇。各種各樣的選擇方法包括通過(guò)通用選擇器，類型選擇器，類選擇器，ID選擇器，祖先選擇器，子孫選擇器，鄰接兄弟選擇器和屬性選擇器進(jìn)行選擇。

這里我們將分別來(lái)看一下這幾種方法（鄰接兄弟和屬性除外，我們將在下周進(jìn)行討論）。注意：瀏覽器對(duì)CSS選擇器的支持是不一致的，不過(guò)你可以利用網(wǎng)上的說(shuō)明來(lái)檢測(cè)某個(gè)選擇器是否能在你的目標(biāo)瀏覽器使用。

通用

通用選擇器允許你在整個(gè)頁(yè)面中使用樣式。基本上說(shuō)來(lái)，一個(gè)樣式并不指定具體的元素，類等，所以它適用于頁(yè)面內(nèi)的所有元素。這對(duì)設(shè)置顏色，字體等來(lái)說(shuō)十分有用。

通用選擇器可用于頁(yè)面上的所有元素，但是他們可以被某些具體的選擇器覆蓋。CSS規(guī)范中指出可以使用星號(hào)（*）來(lái)表示一個(gè)通用選擇器。列表A演示了如何使用通用選擇器來(lái)為頁(yè)面設(shè)定背景和默認(rèn)的字體。

類型

風(fēng)格化元素的一種最常用方法是通過(guò)它的類型。也就是說(shuō)一個(gè)特定的元素?fù)碛凶约憾�義的樣式，且這個(gè)樣式可用于該類型的所有元素而不管元素在頁(yè)面上的位置。列表B中的例子演示了用一個(gè)類型選擇器來(lái)風(fēng)格化頁(yè)面中的所有段元素。

使用這種類型選擇器，葉面內(nèi)的所有段落元素（除非被更多特定選擇器覆蓋）擁有特定的頁(yè)邊距和紅色文本。現(xiàn)在你也可以自己建立CSS類來(lái)處理頁(yè)面上的特定元素風(fēng)格化問(wèn)題。

類

在決定一個(gè)樣式覆蓋什么內(nèi)容時(shí)，類選擇器比類型選擇器有更多的控制。由類選擇器定義的樣式可以用于具有類屬性的所有元素，不管該元素在頁(yè)面中的位置。它可以很好的控制那些元素接受樣式。列表C中的例子演示了使用類只格式化頁(yè)面中的第一段。所以第一段的是鋸齒狀的字體，而接下來(lái)的段落與此不同。

類選擇器不能使用HTML 保留的元素如heading，p，h1等等。你還可以通過(guò)用空格分開(kāi)的方法對(duì)同一個(gè)元素使用多個(gè)類。列表D演示了使用多個(gè)類來(lái)風(fēng)格化一個(gè)特定的段落。

你可以將類選擇器和類型選擇器結(jié)合在一起使用，來(lái)風(fēng)格化擁有分配的類的某些元素。在這個(gè)場(chǎng)景中，當(dāng)定義樣式時(shí)，元素名有一個(gè)由空格隔開(kāi)的類名。列表E中的例子演示了這樣的技巧，即僅擁有賦予的特定類名的段元素才風(fēng)格化為某種方式，而擁有相同類名的頭部風(fēng)格化為另一種形式。我將會(huì)在使用元素的ID屬性時(shí)，更詳細(xì)的介紹。