css 類別選取器和id選取器

在 CSS 中，類別選取器以一個點號顯示：

.center {text-align: center}
在上面的例子中，所有擁有 center 類的 HTML 元素均為置中。

在下面的 HTML 程式碼中，h1 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選取器中的規則。

<h1 class="center"> This heading will be center-aligned </h1> <p class="center"> This paragraph will also be center-aligned. </p>

*****************************
id 選取器
id 選取器可以為標有特定 id 的 HTML 元素指定特定的樣式。 id 選取器以 "#" 來定義。下面的兩個 id 選取器，第一個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色：
#red {color:red;} #green {color:green;}
下面的 HTML 程式碼中，id 屬性為 red 的 p 元素顯示為紅色，而 id 屬性為 green 的 p 元素顯示為綠色。
<p id="red">這個段落是紅色。</p> <p id="green">這個段落是綠色。</p>
注意：id 屬性只能在每個 HTML 文檔中出現一次。想知道原因嗎，請參閱 XHTML:網站重構。

