css 類別選擇器和id選擇器

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

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

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

This heading will be center-aligned

This paragraph will also be center-aligned.

  
****** ***********************
id 選擇器
 id 選擇器可以為標示特定id 的HTML 元素指定特定的樣式。 id 選擇器以 "#" 來定義。下面的兩個id 選擇器，第一個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色：
#red {color:red;} #green {color:green;}
 下面的HTML在程式碼中，id 屬性為red 的p 元素顯示為紅色，而id 屬性為green 的p 元素顯示為綠色。

這個段落是紅色。

這個段落是綠色。

 注意：id 屬性只能在每個 HTML 文件中出現一次。想知道原因嗎，請參考 XHTML:網站重構。