在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:網站重構。