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